redux状态管理
✍目录总览:
redux
为什么使用Redux:
使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。
一、什么是Redux?
Redux 是一个 JS 库,一个状态容器。
作用: 集中式管理 React 应用中 多个组件共享的状态
Redux的三大原则:
- 单一数据源:整个应用的state都被存储到一个状态树里面,并且这个状态树,只存在于唯一的store中。
- State 是只读的:唯一改变 state 的方法就是触发 action,action 是一个用于描述已发生事件的普通对象。
- 使用纯函数来执行修改:为了描述 action 如何改变 state tree ,你需要编写 reducers。
使用场景:
- 某个组件的状态,需要共享;
- 某个状态需要在任何地方都可以拿到;
- 一个组件需要改变全局状态;
- 一个组件需要改变另一个组件的状态。
二、Redux的工作原理
三、Redux文件分析
四、Redux流程解析
单个组件使用redux:
五、核心API
react-redux
一、什么是react-redux?
二、react-redux的工作原理
三、React容器组件和UI组件
- React-Redux把所有的组件都拆分成了两大类:UI组件 和 容器组件。
UI组件
容器组件
如何定义容器组件
四、react-redux流程解析
单个组件使用redux:
单个组件使用redux: