跳到主要内容

概览

Zustand

https://zustand.docs.pmnd.rs/getting-started/introduction

Jotai

https://jotai.org

Valtio

https://valtio.dev

Mobx

官网:https://mobx.js.org

通过函数响应式编程使得状态管理变得简单和可扩展。

Redux 系列

Redux

https://redux.js.org

Redux 是一个用于可预测和可维护的全局状态管理的 JS 库。

概念说明
Store全局状态容器,存储所有状态
Action描述状态变化的普通对象(必须包含 type 字段)
Reducer纯函数,接收旧状态和 Action,返回新状态
Dispatch触发 Action 的唯一方法

注意:

  • store必须是唯一的
  • 只有store能改变自己的内容,Reducer不能改变
  • Reducer必须是纯函数

Redux-Tookit

https://redux-toolkit.js.org

Redux-Tookit 可以简化 Redux 的使用,推荐使用这个。

pnpm add @reduxjs/toolkit

React-Redux

https://react-redux.js.org

React-Redux 是一个用于连接 React 和 Redux 的库。

Redux-Thunk

异步处理中间件

Redux Saga

Redux 中间件,用于管理应用程序 Side Effect(副作用,例如异步获取数据、访问浏览器缓存等)

Redux-Devtool

Redux DevTools 是一个 Chrome 扩展,可以用来调试状态变化。

Dva

一个基于 Redux 和 Redux-Saga 的数据流方案