|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/hoidanit-redux-and-redux-toolkit-ultimate/
课程评论：没有评论
Coursera 课程：React 状态管理 - Redux Toolkit, React Query, Redux Saga 本课程旨在帮助您深入理解和掌握 React 应用中的全局状态管理。课程将涵盖两种主要场景： 1. **组件间数据共享：** * **Redux Toolkit** 是实现组件间数据共享的核心工具。 * **核心内容包括：** * 在 React Vite 和 TypeScript 项目中设置 Redux。 * 理解 Redux 的工作原理，并使用现代化的 Redux Toolkit 及 `useDispatch`、`useSelector` 等 React Hooks。 * 利用 `redux-persist` 实现数据在页面刷新（F5）后的持久化。 * 使用 `Redux-thunk` 来处理异步逻辑，如数据的获取、创建、更新和删除。 * **学习目标：** 掌握 Redux 的数据流，培养 Redux 的思维模式，从而自信地应对各种 Redux 相关技术（如纯 Redux、Redux Toolkit、Class Component 中的 Redux、Hooks 中的 Redux）。 2. **高效的数据获取与变异 (Fetching/Mutating)：** * **React Query** 是管理数据获取和变异的强大库。 * **核心内容包括：** * 使用 `useQuery` Hook 来获取数据。 * 使用 `useMutation` Hook 来进行数据变异（创建、更新、删除）。 * 理解并实现数据的重新验证（缓存）。 * **扩展内容：** 将深入分析 Redux Toolkit 和 React Query 在服务器端渲染 (SSR)，特别是 Next.js 中的优缺点。 3. **处理大量异步请求：** * 当 React 应用需要处理大量异步请求时，**Redux Saga** 作为中间件（替代 `Redux-thunk`）将是理想选择。 * **核心内容包括：** * 理解生成器函数 (`generator function`)。 * 掌握 `Saga` 的 `watcher/worker` 模型。 **课程定位：** 本课程特别适合想要深入学习、理解并完全掌控 React 状态管理的初学者。通过本课程的学习，您将为成为一名全面的 Frontend Developer 打下坚实的基础。
React State Manager là cách chúng ta quản lý "global state" trong ứng dụng React. Cụ thể hơn, có hai khía cạnh chúng ta quan tâm: - Một là cách chia sẻ data giữa các components không có mối quan hệ với nhau.- Hai là cách Fetching và Create/Update/Delete (mutate) data một cách hiệu quả (có xử lý caching data)Các nội dung trọng tâm trong khóa học này:Để chia sẻ data giữa các component, sử dụng Redux Toolkit, bao gồm:- Cài đặt Redux cho ứng dụng React.JS (setup với React Vite và Typescript)- Hiểu cách hoạt động và sử dụng Redux hiện đại với Redux Toolkit và các hook useDispatch, useSelector (React Hook)- Persist data khi refresh (F5) với redux-persist- Sử dụng Redux-thunk để xử lý async logic (get/post/put/delete data)Khi kết thúc khóa học này, các bạn mới bắt đầu sẽ hiểu được data Flow của Redux. Điều quan trọng ở đây chính là việc chúng ta luyện cách tư duy, hiểu cách thư viện Redux nó hoạt động.Làm được điều này, thì cho dù chúng ta vào công ty nào, sử dụng công nghệ gì (Redux thuần, Redux Tookit, Redux với Class component, Redux với Hook) thì chúng ta đều tự tin và có thể làm chủ được công nghệ.Để Fetching/Mutate data, sử dụng React Query, bao gồm:- useQuery Hook để fetching data- useMutation để mutate (create/update/delete) data- revalidate data (cache) Ngoài ra, chúng ta sẽ cùng nhau đi phân tích những ưu, nhược điểm của Redux Toolkit/React Query khi sử dụng React ở phía server (với Next.js)Khi ứng dụng React sử dụng Redux cần handle nhiều Async Request, chúng ta có thể sử dụng Redux Saga (middleware thay vì Redux-thunk)- generator functon*- Mô hình watcher/worker của SagaNếu bạn là người mới bắt đầu, muốn học, hiểu, và làm chủ hoàn toàn React's State, thì đây chính là khóa học các bạn tìm kiếm. Hi vọng các bạn sẽ học được nhiều điều hữu ích từ khóa học này, phục vụ đắc lực cho việc trở thành một FrontEnd Developer một cách toàn diện.
