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

posted @ 2022-05-17 17:57  BNTang  阅读(43)  评论(0编辑  收藏  举报