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 和样式,仪表板是完全开源的,如果您想在未来的其他项目中使用它,您不需要任何权限来自定义它。

以下是我们将在课程中涉及的一些要点:

  1. Zustand 作为 Redux、Redux Toolkit 或 Context API 的替代品

  2. 在 React 上下文之外使用 Zustand

  3. TypeScript 和严格类型

  4.   中间件

    1.   坚持

      1.   本地存储

      2.   自定义 SessionStorage

      3.   自定义 FirebaseStorage

    2.   沉浸

    3.   开发工具

    4.   自定义中间件

    5.   伐木

  5.   农产品状态

  6.   拖放事件

  7.   应用商店订阅

  8.   切片模式

  9.   自定义 Hooks

  10.   认证

  11.   Axios 拦截器

  12.   路由保护

  13.   管理仪表板

  14.   等等

  重要

本课程将教授 Zustand,但不侧重于 React 的基础知识,这是参加课程的要求,在进入课程之前,您必须了解什么是 React Hooks 以及它们是如何使用的。

本课程适合谁:

  • 想要学习 Redux、Redux Toolkit 或 ContextAPI 替代品的人
  • 使用 TypeScript 创建 Zustand Store
  • 创建包含多个商店的管理控制面板
  • 加强前端的身份验证处理
  • 使用 Axios 拦截器
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。