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