강의

멘토링

커뮤니티

Programming

/

Front-end

Tìm hiểu đơn giản về các Design Pattern trong React

Hãy nhanh chóng làm quen với các mẫu thiết kế cốt lõi của React thông qua khái niệm và ví dụ!

27 học viên đang tham gia khóa học này

Độ khó Cơ bản

Thời gian Không giới hạn

  • mjang69888231
React
React
TypeScript
TypeScript
Design Pattern
Design Pattern
React
React
TypeScript
TypeScript
Design Pattern
Design Pattern

Bạn sẽ nhận được điều này sau khi học.

  • Khả năng thiết kế cấu trúc component có tính tái sử dụng cao và dễ bảo trì

  • Lựa chọn và áp dụng nhanh chóng các pattern phù hợp khi thiết kế component

Làm thế nào để sử dụng React tốt hơn? Có cách nào tốt hơn không?


Nhiều người đã suy nghĩ về cách sử dụng React tốt hơn, liệu có phương pháp nào tốt hơn không.
Và họ đã đưa ra giải pháp cho những vấn đề lặp đi lặp lại gặp phải khi sử dụng React.

Trong khóa học này, chúng ta sẽ tìm hiểu về 7 giải pháp đó: Container & Presentation, Compound, Custom Hooks, Data Provider, HOC, Render Props, State Reducer.

Không chỉ đơn giản là giới thiệu rằng có những design pattern này~ mà còn tìm hiểu những design pattern đó có ưu nhược điểm gì, có đặc điểm gì, nhìn nhận component như thế nào và sử dụng chúng ra sao.


Bạn không cần nghĩ quá phức tạp về Design Pattern.
Hãy cùng tìm hiểu nhanh chóng thông qua các ví dụ đơn giản và giải thích dễ hiểu!


Nội dung được đề cập trong khóa học

🔍 Khái niệm cốt lõi của từng mẫu thiết kế và ví dụ ứng dụng của mẫu

🔍 Ưu nhược điểm theo từng mẫu và các đánh đổi cần xem xét khi áp dụng

🔍 Tiêu chí lựa chọn mẫu thiết kế nào và khi nào


Đặc điểm của khóa học này

📌Học nhanh 7 mẫu thiết kế qua các ví dụ ngắn gọn và rõ ràng

📌Không chỉ là ghi nhớ đơn thuần, hãy tìm hiểu quan điểm nhìn nhận về component

📌 Hãy thiết lập tiêu chí so sánh và đánh giá từ góc độ tái sử dụng, khả năng kiểm thử và hiệu suất

Chúng tôi khuyên bạn nên sử dụng nếu bạn là

🤔 Những người đã biết cơ bản về React nhưng thiết kế component rời rạc nên khó bảo trì

😎 Dành cho những người có mục tiêu xây dựng Design System/Library

Sau khi học

  • Có thể thiết kế và triển khai các component có tính bảo trì và tái sử dụng cao

  • Bạn có thể cải thiện tính nhất quán và khả năng mở rộng của code bằng cách lựa chọn pattern phù hợp với tình huống

  • Bạn có thể có một góc nhìn mới về component.

Lưu ý trước khi học

Kiến thức cần có và lưu ý

  • Cần có kiến thức cơ bản về React

  • Bạn cần có kinh nghiệm đã từng tạo ít nhất một dự án nhỏ sử dụng React

  • Vì sử dụng TypeScript+ React, bạn cần phải biết TypeScript

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người biết viết code bằng React nhưng muốn viết code có cấu trúc hơn và có thể mở rộng được

  • Người có kiến thức cơ bản về React nhưng thiếu kỹ năng thiết kế cấu trúc và áp dụng pattern

Cần biết trước khi bắt đầu?

  • React

  • TypeScript

Xin chào
Đây là

Tôi là một nhà phát triển luôn mong muốn kiến thức của mình có thể giúp ích được cho ai đó.

Chương trình giảng dạy

Tất cả

15 bài giảng ∙ (51phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

352.551 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!