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 8228 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 các component library với Storybook và CSS-IN-JS.
- ✓ Đi sâu vào các cấu hình của ứ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, tôi cũng sẽ giới thiệu tiếp cho bạn các khái niệm nâng cao.
Chúng tôi 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.
Từng bước, chúng tôi sẽ xây dựng minesweeper game. 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à cung cấp nó bằng các trường hợp thử nghiệm, 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ông cụ để testing: Jest, Stryker, React Testing Library.
Ngoài ra, tôi sẽ cố gắng đề cập đến các khái niệm Typecript 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 code, 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 một full components spec. Cách tiếp cận này được gọi là Components Driven Development.
CSS--IN-JS, emotion, 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 components styles rất phức tạp cũng có thể dễ dàng được tạo ra và 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 một review về React Router v5 và cả React Router v6.
Cuối cùng nhưng không kém phần quan trọng đó là Redux. Redux là một cách hay để manage 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!
Khóa học này dành cho ai:
- ✓ Những 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.
- ✓ Những 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
