React-Redux-三大原则
Redux 三大原则
单一数据源
- 整个应用程序的
state
只存储在一个store
中- Redux 并没有强制让我们不能创建多个
Store
,但是那样做并不利于数据的维护- 单一的数据源可以让整个应用程序的
state
变得方便维护、追踪、修改
State 是只读的
- 唯一修改 State 的方法一定是触发
action
,不要试图在其他地方通过任何的方式来修改 State;- 这样就确保了 View 或网络请求都不能直接修改 state,它们只能通过 action 来描述自己想要如何修改 stat;
- 这样可以保证所有的修改都被集中化处理,并且按照严格的顺序来执行,所以不需要担心 race condition(竟态)的问题;
使用纯函数来执行修改
- 通过 reducer 将旧 state 和 action 联系在一起,并且返回一个新的 State;
- 随着应用程序的复杂度增加,我们可以将 reducer 拆分成多个小的 reducers,分别操作不同 state tree 的一部分;
- 但是所有的 reducer 都应该是纯函数,不能产生任何的副作用
什么是纯函数
- 返回结果只依赖于它的参数,并且在执行过程里面没有副作用
纯函数
function sum(num1, num2){
return num1 + num2;
}
const num1 = 10;
function sum(num2){
return num1 + num2;
}
非纯函数
let num1 = 10;
function sum(num2){
return num1 + num2;
}
官方文档:https://www.redux.org.cn/docs/introduction/ThreePrinciples.html