关于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. 啊这:

相关推荐
小kian1 分钟前
vite安全漏洞deny解决方案
前端·vite
时物留影4 分钟前
不写代码也能开发 API?试试这个组合!
前端·ai编程
试图感化富婆5 分钟前
【uni-app】市面上的模板一堆?打开源码一看乱的一匹?教你如何定制适合自己的模板
前端
卖报的小行家_5 分钟前
Vue3源码,响应式原理-数组
前端
牛马喜喜6 分钟前
如何从零实现一个todo list (2)
前端
小old弟10 分钟前
jQuery写油猴脚本报错eslint:no-undef - '$' is not defined
前端
Paramita10 分钟前
实战:使用Ollama + Node搭建本地AI问答应用
前端
一天睡25小时11 分钟前
前端の骚操作代码合集 (二)| 让你的网页变得有趣
前端·javascript
王林不想说话13 分钟前
Zustand状态管理库
前端·javascript
清风ai明月14 分钟前
vue模板语法中使用冒号: 什么时候使用,什么时候不使用呢?
前端·javascript·vue.js