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

相关推荐
用户21496515898752 分钟前
从零搭建uniapp环境-记录
前端
努力写代码的熊大2 小时前
stack、queue与priority_queue的用法解析与模拟实现
java·前端·javascript
im_AMBER2 小时前
React 06
前端·javascript·笔记·学习·react.js·前端框架
wyzqhhhh2 小时前
前端常见的设计模式
前端·设计模式
IT_陈寒2 小时前
React 19重磅前瞻:10个性能优化技巧让你少写30%的useEffect代码
前端·人工智能·后端
今天没有盐3 小时前
💕CSS 基础入门指南💕:选择器与文本样式
前端·html·响应式设计
云枫晖3 小时前
Webpack系列-Entry入口
前端·webpack
mustfeng4 小时前
VCS & Verdi 2023安装
java·服务器·前端
Mintopia4 小时前
🌐 数据合规框架下的 WebAIGC 训练数据处理技术规范
前端·javascript·aigc
骥龙4 小时前
2.6、Web漏洞挖掘实战(下):XSS、文件上传与逻辑漏洞深度解析
前端·xss