关于React Redux

  1. 官网:👉详情一 👉详情二 👉关于redux

  2. 使用原因:👉详情

javascript 复制代码
/**
2-1、随着javascript单页应用程序的发展,需要在代码中管理更多的状态(包括服务器响应数据、缓存数据、本地创建还未发送至服务端的数据、UI状态等)。
2-2、UI状态也越来越复杂(包括活动路由、选定选项卡、微调器、分页控件等)。
2-3、由于需要管理的状态是不断变化的,而存在依赖关系的状态之间会相互影响,进而导致失去对于状态更新的原因、时间、方式的控制。
2-4、由于前端产品的不断发展,需要处理更新、服务器端渲染、执行路由转换前获取数据等,而这些带来的突变和异步的混合使得状态管理变得更加复杂。
2-5、react希望通过消除异步(useState、useEffect、并发模式(Concurrent Mode))和消除直接DOM操作(虚拟DOM、自动批处理)等方法解决视图层问题,而管理数据的状态则取决于开发者。
*/
  1. 适用场景:👉详情
javascript 复制代码
/**
3-1、在应用程序的许多地方都需要使用大量的状态时。
3-2、应用程序状态需要频繁更新时。
3-3、更新状态的逻辑很复杂时。
3-4、应用程序中有一个中型或大型的代码库,同时被多人使用时。
3-5、需要了解状态是如何随时间更新时。
*/
  1. 使用步骤:👉详情
javascript 复制代码
/**
4-1、创建Redux store。
4-2、订阅更新。
4-3、订阅回调内部:获取当前的store state,提取这部分UI需要的数据,使用数据更新UI。
4-4、用初始的state去渲染UI。
4-5、通过dispatching Redux actions去响应UI层的交互。
*/
  1. 啊这:

  2. 啊这:

  3. 啊这:

  4. 啊这:

  5. 啊这:

  6. 啊这:

  7. 啊这:

  8. 啊这:

相关推荐
小希爸爸18 分钟前
1、中医基础入门和养生
前端·后端
神仙别闹1 小时前
基于VUE+Node.JS实现(Web)学生组队网站
前端·vue.js·node.js
下雨的Jim1 小时前
前端速成之——Script
前端·笔记
Captaincc2 小时前
使用 Copilot 代理模式构建着陆页
前端·ai编程·github copilot
zyk_5202 小时前
前端渲染pdf文件解决方案-pdf.js
前端·javascript·pdf
Apifox.2 小时前
Apifox 4月更新|Apifox在线文档支持LLMs.txt、评论支持使用@提及成员、支持为团队配置「IP 允许访问名单」
前端·人工智能·后端·ai·ai编程
划水不带桨2 小时前
大数据去重
前端
沉迷...2 小时前
手动实现legend 与 echarts图交互 通过js事件实现图标某项的高亮 显示与隐藏
前端·javascript·echarts
可观测性用观测云3 小时前
观测云数据在Grafana展示的最佳实践
前端
uwvwko3 小时前
ctfhow——web入门214~218(时间盲注开始)
前端·数据库·mysql·ctf