Chia Sẻ Khóa Học React Nâng Cao - Design System, Design Pattern, Performance [Khóa 7244 A]
Trở thành Senior trong React JS bằng cách đạt được chuyên môn sâu về Design System, Design Pattern và Performance Optimization.
Bạn sẽ học được gì:
- ✓ Đi từ junior/intermediate frontend developer đến senior level.
- ✓ Thiết kế và phát triển các hệ thống thiết kế cấp doanh nghiệp cho component library có thể tái sử dụng và bảo trì cao.
- ✓ Trực quan hóa nền tảng thiết kế của bạn vào Figma và chuyển đổi chúng thành các React pattern có khả năng mở rộng cao.
- ✓ Nắm vững các component pattern nâng cao bao gồm HOC, Container, Custom hooks và ReactJS functional programming.
- ✓ Biết khi nào nên sử dụng các pattern như các controlled/uncontrolled component so với các design pattern khác.
- ✓ Tối ưu hóa hiệu suất của các ứng dụng React của bạn bằng cách sử dụng các kỹ thuật memoization.
- ✓ Trở thành chuyên gia trong việc định vị các render bị lãng phí trong các dự án React của bạn và giải quyết chúng bằng React features.
- ✓ Học cách phát triển các ứng dụng React của bạn.
Chào mừng bạn đến với khóa học này, về các khái niệm React nâng cao. Nếu bạn đang khám phá khóa học này, rất có thể bạn là một React developer đang tìm cách nâng cao kỹ năng của bạn cho bạn. Trong trường hợp này, bạn đang ở đúng nơi.
Trong khóa học này, chúng tôi đề cập đến các chủ đề độc đáo trong ba module chính, design system, design pattern và performance optimization..
Bây giờ nếu bạn tự hỏi tại sao là những chủ đề này? Câu trả lời khá đơn giản vì đó là cách các developer chuyên nghiệp quản lý các dự án front-end cấp doanh nghiệp.
Nếu bạn là một junior hoặc intermediate developer thì bạn sẽ cần nắm vững các chủ đề này để tự coi mình là một senior developer và sẵn sàng ứng tuyển vào các vị trí senior.
Tất cả các tài liệu của khóa học này đều dựa trên nhiều năm kinh nghiệm làm việc trên một số dự án React và mọi khái niệm đều đi kèm với các ví dụ cụ thể.
Tất cả các chủ đề được trình bày thực tế để bạn có thể áp dụng mọi thứ vào các dự án hàng ngày của mình ngay.
Trong module đầu tiên, bạn sẽ tìm hiểu tất cả về design system. Quản lý các dự án quy mô lớn không chỉ là coding component. Việc phát triển các endless component mà không bị lạc hướng yêu cầu các solid design system để đảm bảo khả năng sử dụng lại và khả năng đáp ứng của mọi phần tử của dự án. Chúng tôi sẽ hướng dẫn bạn qua các khái niệm và lý thuyết, sau đó chúng tôi phát triển các component trong Figma và cuối cùng, chúng tôi xây dựng nền tảng thiết kế có thể mở rộng trong ReactJS. Vì vậy, bạn xây dựng một tư duy về cách thiết kế và phát triển một design system.
Sau đó, chúng tôi thảo luận về các design pattern.
Là một senior software developer, tôi đã xác định các chủ đề được đề cập trong module này là những yếu tố quan trọng mà tôi tìm kiếm khi phỏng vấn các ứng viên là React developer. Những pattern này có thể giúp thu hẹp khoảng cách giữa việc trở thành một junior hoặc intermediate developer và trở thành một senior React practitioner.
Khi hoàn thành phần này, bạn sẽ có cơ hội khám phá các design pattern thiết yếu nhất của React.
Cuối cùng nhưng không kém phần quan trọng, chúng ta đến phần optimization. Một khái niệm rất quan trọng trong React. Một ứng dụng được tối ưu hóa kém với các render không mong muốn có thể nhấn chìm toàn bộ dự án. Nhưng tin tốt là việc tối ưu hóa các ứng dụng React rất dễ dàng và thuận lợi. Trong module này, chúng ta sẽ làm việc trên một dự án demo gặp phải các vấn đề về hiệu suất như wasted render và các hoạt động tốn kém. Khi kết thúc module này, Bạn sẽ biết cách khắc phục sự cố và khắc phục hầu hết các vấn đề về hiệu suất trong ứng dụng React.
Tóm lại, nếu bạn muốn giải quyết tất cả các chủ đề thú vị này và nâng kỹ năng của mình lên một tầm cao mới, thì hãy tham gia khóa học này với tôi!
Khóa học này sẽ được tiến triển liên tục và nhiều module sẽ được thêm vào dựa trên phản hồi và sự phát triển của công nghệ.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Design Systems: Các khái niệm cốt lõi.
- ✓ 03. Design Systems: Cơ bản về Design.
- ✓ 04. Design Systems: Xây dựng các Component trong Figma.
- ✓ 05. Design Systems: Phát triển Component Library trong React.
- ✓ 06. Design Patterns: Basic.
- ✓ 07. Design Patterns: Layout Components.
- ✓ 08. Design Patterns: Container Components.
- ✓ 09. Design Patterns: Controlled và Uncontrolled Components.
- ✓ 10. Design Patterns: HOC.
- ✓ 11. Design Patterns: Custom hooks.
- ✓ 12. Design Patterns: Functional Programming trong React.
- ✓ 13. Performance Optimization: Bắt đầu.
- ✓ 14. Performance Optimization: Khắc phục các sự cố Rendering.
- ✓ 15. Performance Optimization: Performance Optimization: Khắc phục các sự cố Rendering.
Khóa học này dành cho ai:
- ✓ Các React developer sẵn sàng chuyển từ junior/intermediate level lên senior level.
- ✓ Các Front-end developer đang tìm cách khai thác toàn bộ tiềm năng của React.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU