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

相关推荐
李鸿耀17 小时前
主题换肤指南:设计到开发的完整实践
前端
带娃的IT创业者1 天前
TypeScript + React + Ant Design 前端架构入门:搭建一个 Flask 个人博客前端
前端·react.js·typescript
非凡ghost1 天前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
Stanford_11061 天前
React前端框架有哪些?
前端·微信小程序·前端框架·微信公众平台·twitter·微信开放平台
洛可可白1 天前
把 Vue2 项目“黑盒”嵌进 Vue3:qiankun 微前端实战笔记
前端·vue.js·笔记
学习同学1 天前
从0到1制作一个go语言游戏服务器(二)web服务搭建
服务器·前端·golang
-D调定义之崽崽1 天前
【初学】调试 MCP Server
前端·mcp
四月_h1 天前
vue2动态实现多Y轴echarts图表,及节点点击事件
前端·javascript·vue.js·echarts
文心快码BaiduComate1 天前
用Zulu轻松搭建国庆旅行4行诗网站
前端·javascript·后端
行者..................1 天前
手动编译 OpenCV 4.1.0 源码,生成 ARM64 动态库 (.so),然后在 Petalinux 中打包使用。
前端·webpack·node.js