网页制作设计步骤优化网站怎么做

Redux、React-Redux 和 Redux Toolkit 是协同工作的三个库，各自承担不同角色，相互协同。

1. Redux：基础底座

   • 底层状态管理库，负责状态存储、Action 派发和 Reducer 执行

2. ​React-Redux：连接 React 组件与 Redux Store

   • 通过 Provider 将 Redux Store 注入 React 应用，使所有组件可访问状态。
   • 提供 useSelector 和 useDispatch 钩子（或 connect 函数），让组件订阅状态变化和派发 Action。

3. Redux Toolkit：效率工具，对上面二者封装了最佳实践

   • 使用 configureStore 创建 Redux Store，集成默认中间件（如 Redux Thunk）和 DevTools。
   • 通过 createSlice 自动生成 Reducer 和对应的 Action 创建函数，减少手动编写模板代码。
   • 异步逻辑时，使用 createAsyncThunk 简化异步 Action 的创建。