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 @   BNTang  阅读(45)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示