redux ,react-redux,redux-toolkit 简单总结
Redux、React-Redux 和 Redux Toolkit 是协同工作的三个库,各自承担不同角色,相互协同。
-
Redux:基础底座
- 底层状态管理库,负责状态存储、Action 派发和 Reducer 执行
-
React-Redux:连接 React 组件与 Redux Store
- 通过 Provider 将 Redux Store 注入 React 应用,使所有组件可访问状态。
- 提供 useSelector 和 useDispatch 钩子(或 connect 函数),让组件订阅状态变化和派发 Action。
-
Redux Toolkit:效率工具,对上面二者封装了最佳实践
- 使用 configureStore 创建 Redux Store,集成默认中间件(如 Redux Thunk)和 DevTools。
- 通过 createSlice 自动生成 Reducer 和对应的 Action 创建函数,减少手动编写模板代码。
- 异步逻辑时,使用 createAsyncThunk 简化异步 Action 的创建。