React thực tế với Typescript và Testing Library. React và Storybook. TDD với React Hooks và React + Redux Toolkit.
Giới thiệu khoá học:
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.
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.
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.
Tham gia Tổng kho khóa học online trọn đời
- Truy cập hơn 4.000 khóa học ở nhiều chủ đề như Kinh doanh, marketing, lập trình, tin học văn phòng, ngôn ngữ,...
- Học trọn đời, học mọi lúc, mọi nơi.
- Khóa học mới lên kho mỗi ngày
Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.