Zustand:React 的状态管理器
Zustand: Gestor de estado para React
TypeScript、中间件、Firebase、Immer、持久化、切片模式、JWT、身份验证、拦截器等
学习内容
-
管理 React 应用程序的状态
-
使用 TypeScript 的 Zustand
-
管理多个商店
-
切片模式
-
中间件和自定义中间件
要求
-
使用 Hooks 的 React 知识是必要的
-
知道如何使用 Fetch API 或 Axios 发出 HTTP 请求
-
了解 TypeScript 是可选的,但建议这样做
-
无需了解 Tailwind、React Router Dom 或 Docker
描述
欢迎来到我们的 Zustand 课程
这个状态到点的管理器是 Redux、Redux Toolkit 和 React Context API 本身的直接替代品,提供类似 Redux 的功能,而无需构建尽可能多的代码库即可使其工作。
本课程将通过介绍常见和不太常见的用法、中间件、自定义、本地和远程持久性、身份验证、切片以及 TypeScript 和严格类型,帮助您快速开始使用此 Zustand。
为了实现学习,我们将使用一个管理仪表板,我们将为您提供它,以便能够完全专注于状态管理器,而无需浪费时间构建 HTML 和样式,仪表板是完全开源的,如果您想在未来的其他项目中使用它,您不需要任何权限来自定义它。
以下是我们将在课程中涉及的一些要点:
-
Zustand 作为 Redux、Redux Toolkit 或 Context API 的替代品
-
在 React 上下文之外使用 Zustand
-
TypeScript 和严格类型
-
中间件
-
坚持
-
本地存储
-
自定义 SessionStorage
-
自定义 FirebaseStorage
-
-
沉浸
-
开发工具
-
自定义中间件
-
伐木
-
-
农产品状态
-
拖放事件
-
应用商店订阅
-
切片模式
-
自定义 Hooks
-
认证
-
Axios 拦截器
-
路由保护
-
管理仪表板
-
等等
重要
本课程将教授 Zustand,但不侧重于 React 的基础知识,这是参加课程的要求,在进入课程之前,您必须了解什么是 React Hooks 以及它们是如何使用的。
本课程适合谁:
- 想要学习 Redux、Redux Toolkit 或 ContextAPI 替代品的人
- 使用 TypeScript 创建 Zustand Store
- 创建包含多个商店的管理控制面板
- 加强前端的身份验证处理
- 使用 Axios 拦截器
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)