|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-zustand/
课程评论：没有评论
**Coursera 课程摘要：Zustand - React 状态管理器** 本课程旨在教授 Zustand，一个旨在成为 React Redux、Redux Toolkit 和 Context API 的直接替代品的强大状态管理库。Zustand 提供了类似 Redux 的功能，但需要更少的设置和代码。 **课程重点：** * **Zustand 替代方案：** 将 Zustand 与 Redux、Redux Toolkit 和 React Context API 进行比较，展示其优势。 * **React 之外的应用：** 探索 Zustand 在 React 生态系统之外的使用场景。 * **TypeScript 与严格类型：** 强调 Zustand 与 TypeScript 的集成，实现严格的类型检查。 * **中间件 (Middlewares)：** 深入了解 Zustand 的中间件，包括： * 持久化 (Persist) - LocalStorage、Custom SessionStorage、Custom FirebaseStorage * Immer * DevTools * 自定义中间件 * 日志记录器 (Loggers) * **状态管理模式：** * 使用 Immer 进行不可变状态更新 * 生成状态 (Produce states) * 事件拖放 (Drag & Drop Events) * Store 订阅 (Suscripciones de Stores) * Slice 模式 (Slices Pattern) * 自定义 Hooks (Custom Hooks) * **高级主题：** * 身份验证 (Autenticación) * Axios 拦截器 (Axios interceptors) * 路由保护 (Protección de rutas) * **项目实践：** 使用提供的开源管理仪表板来学习 Zustand，以便专注于状态管理本身。 **先决条件：** 本课程假定您已掌握 React 的基础知识，尤其是 React Hooks 的概念和用法。对 React 缺乏了解的学生在学习此课程之前应先掌握这些基础知识。
Bienvenidos a nuestro curso de ZustandEste gestor de estado a punta a ser un reemplazo directo a Redux, Redux Toolkit y el mismo Context API de React, ofreciendo funcionalidades similares a Redux sin tener que construir tanto código base para hacerlo funcionar.Este curso te ayudará a empezar rápidamente con este Zustand pasando por usos comunes y no tan comunes, middlewares, personalización, persistencia local y remota, autenticación, slices y todo con TypeScript y tipado estricto.Para lograr el aprendizaje, usaremos un dashboard administrativo que les facilitaremos para poder enfocarnos de lleno en el gestor de estado sin perder tiempo construyendo HTML y estilos, el dashboard es totalmente open source y si lo desean usar en otros proyectos adelante, no necesitan permiso alguno para personalizarlo.Esta es una serie de puntos que tocaremos en el curso:Zustand como alternativa a Redux, Redux Toolkit o Context APIUso de Zustand fuera del contexto de ReactTypeScript y tipado estrictoMiddlewaresPersistLocalStorageCustom SessionStorageCustom FirebaseStorageImmerDevToolsCustom MiddlewaresLoggersProduce statesEventos Drag & Drop Suscripciones de StoresSlices PatternCustom HooksAutenticaciónAxios interceptorsProtección de rutasDashboard administrativoY másImportanteEste curso enseñará Zustand, pero no se enfoca en los fundamentos de React, el cual es un requisito para tomar el curso, es necesario que sepas qué son los Hooks de React y cómo se usan antes de entrar al curso.
