当前位置: 首页 > article >正文

redux ,react-redux,redux-toolkit 简单总结

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 的创建。

http://www.kler.cn/a/610832.html

相关文章:

  • 前端使用WPS WebOffice 做在线文档预览与编辑
  • uniapp主题切换功能,适配H5、小程序
  • 用DrissionPage升级网易云音乐爬虫:更稳定高效地获取歌单音乐(附原码)
  • element-plus 的简单应用
  • 在 Linux(Ubuntu / CentOS 7)上快速搭建我的世界 MineCraft 服务器,并实现远程联机,详细教程
  • 【Linux】MAC帧
  • ngx_http_escape_location_name
  • 解决在客户端本地无法访问服务器http方式访问麦克风与摄像头的问题
  • 嵌入式八股RTOS与Linux---网络系统篇
  • 自动化框架的设计与实现
  • 单例模式在Python中的实现和应用
  • 【每日论文】MetaSpatial: Reinforcing 3D Spatial Reasoning in VLMs for the Metaverse
  • GitLab 部署说明
  • AI比人脑更强,因为被植入思维模型【21】冯诺依曼思维模型
  • 6.4 模拟专题:LeetCode1419.数青蛙
  • Linux网站搭建(新手必看)
  • 基于k3s部署Nginx、MySQL、PHP和Redis的详细教程
  • 深度学习(practice) Note.2
  • idea 没有 add framework support(添加框架支持)选项
  • matplotlib——南丁格尔玫瑰