Chia Sẻ Khóa Học React Thực Hành - Xây Dựng React JS Frontend Nâng Cao Với Chuyên Gia [Khóa 7704 A]
React thực tế với Typescript và Testing Library. React và Storybook. TDD với React Hooks và React + Redux Toolkit.
Bạn sẽ học được gì:
- ✓ Xây dựng các ứng dụng web với React JS bằng Hooks, Typescript, Redux.
- ✓ Tạo components library với Storybook và CSS-IN-JS.
- ✓ Tìm hiểu sâu về cấu hình của các ứng dụng với Webpack + Babel.
- ✓ Tìm hiểu về TDD, TLD và áp dụng kiến thức này bằng cách sử dụng Jest, React-Testing-Library và Stryker-Mutator.
React là thư viện phổ biến nhất để xây dựng các ứng dụng web frontend. Từng bước đi sâu vào tất cả các khái niệm cơ bản, khóa học cũng sẽ giới thiệu cho bạn các khái niệm nâng cao.
Chúng ta sẽ xây dựng ứng dụng minesweeper từ đầu:
- ✓ Thiết lập môi trường phát triển.
- ✓ Cấu hình của ứng dụng React JS.
- ✓ Các thuật toán cơ bản của Minesweeper.
Chúng ta sẽ xây dựng game minesweeper. Trong suốt khóa học, chúng tôi sẽ đề cập đến các chủ đề quan trọng nhất.
Đầu tiên sẽ là cấu hình của ứng dụng ReactJS với Typescript và sử dụng các công cụ xây dựng Webpack + Babel.
Thứ hai, có các phương pháp TDD hoặc TLD được trình bày mà tôi sẽ cố gắng thực hành với bạn trong các phần coding. Có thể bạn chưa có đủ kinh nghiệm với các bài test, nhưng không sao, vẫn có một cách tốt để học nó từ khóa học. Khi bạn làm việc với code và bao gồm nó với các test case, nó cung cấp cho bạn sự đảm bảo rằng code của bạn hoạt động như bạn mong đợi. Đây là mục đích và lợi ích của các bài test.
Các công cụ cho testing: Jest, Stryker, React Testing Library.
Ngoài ra, tôi sẽ cố gắng đề cập đến các khái niệm Typescript cơ bản và chỉ cho bạn cách để cải thiện những kỹ năng này. Trong các phần coding, chúng tôi sẽ đề cập đến các kỹ thuật Javascript nâng cao để hiểu các tính năng JS thường được sử dụng.
Storybook là cách phổ biến nhất để xây dựng components library. Từ phía chúng tôi, đó là phần cơ bản nhất của khóa học. Chúng tôi sẽ cài đặt và định cấu hình Storybook, nó sẽ cung cấp cho chúng tôi thông số kỹ thuật đầy đủ của các component. Cách tiếp cận này được gọi là Components Driven Development.
CSS-IN-JS, EmotionJS và Styled-Components là những bộ công cụ rất mạnh để xây dựng các UI component. Ngay cả những component style rất phức tạp cũng có thể dễ dàng được tạo ra và được hỗ trợ bởi nó.
Chúng tôi sẽ giới thiệu cho bạn về React Hooks - đó là cách cơ bản để tạo UI động cho các ứng dụng.
Chúng tôi sẽ thực hiện review React Router v5 và cả React Router v6.
GitHub Actions giúp bạn dễ dàng tự động hóa tất cả quy trình làm việc phần mềm của mình, giờ đây với CI/CD đẳng cấp thế giới. Build, test, và deploy code của bạn ngay từ GitHub. Thực hiện công việc code review, branch management và phân loại vấn đề theo cách bạn muốn. Chúng tôi tạo ra deployment workflow của chúng tôi!
Cuối cùng nhưng không kém phần quan trọng đó là Redux. Redux là một cách tuyệt vời để quản lý một application state. Chúng tôi sẽ sử dụng Redux-Toolkit library - nó đơn giản hóa công việc với Redux.
Hẹn gặp lại các bạn trong khóa học!
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Typescript recap.
- ✓ 03. React intro.
- ✓ 04. Jest, TDD và Game logic cơ bản.
- ✓ 05. Storybook và Components Library.
- ✓ 06. React Hooks intro.
- ✓ 07. Code quality, App deploy và CI/CD.
- ✓ 08. React hooks và React testing library.
- ✓ 09. Game hook.
- ✓ 10. useEffect, useCallback, React.memo.
- ✓ 11. React-Router.
- ✓ 12. Redux intro.
- ✓ 13. Minesweeper với Redux.
Khóa học này dành cho ai:
- ✓ Sinh viên muốn học cách xây dựng ứng dụng web phức tạp.
- ✓ Bất cứ ai muốn học React theo cách thực hành dựa trên các ví dụ điển hình.
- ✓ Sinh viên muốn nâng cao kỹ năng development lên cấp độ tiếp theo.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU