redux解决了什么问题？

随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理太多的 state （状态）。这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。

管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。

通过限制更新发生的时间和方式，Redux 试图让 state 的变化变得可预测。这些限制条件反映在 Redux 的三大原则中。

Redux 可以用这三个基本原则来描述：

单一数据源整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store中。

State 是只读的唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。

使用纯函数来执行修改为了描述 action 如何改变 state tree ，你需要编写 reducers。

总结应用中所有的 state 都以一个对象树的形式储存在一个单一的 store 中。惟一改变 state 的办法是触发 action，一个描述发生什么的对象。为了描述 action 如何改变 state 树，你需要编写 reducers。

redux解决了什么问题？相关推荐

Redux 核心概念
http://gaearon.github.io/redux/index.html ,文档在 http://rackt.github.io/redux/index.html .本文不是官方文档的翻译. ...
[译】Redux入门教程（一）
前言老外写技术文章真是叼,这是国外的一个程序员写的一个简单易懂,循序渐进的Redux教程,本着共享的精神,就翻译出来给大家一起看,文章最后有链接,不想看我翻译的直接去看原文吧. 下面是原教程的英文目 ...
喵了个咪！redux middleware居然如此简单
Redux解决了react中出现的多交互.多数据源问题,但是如果有异步操作,或者要对操作进行拦截或者执行后回调就比较麻烦.于是我们需要Redux 中间件. 一.手动增强store.dispatch 我 ...
喵了个咪！redux middleware居然如此简单！
Redux解决了react中出现的多交互.多数据源问题,但是如果有异步操作,或者要对操作进行拦截或者执行后回调就比较麻烦.于是我们需要Redux 中间件. 一.手动增强store.dispatch 我 ...
[译] 从设计师的角度看 Redux
原文链接: www.smashingmagazine.com/2018/07/red- 推荐理由: 插图大爱没有空洞的概念也没有海量的代码! 内容概要: 你是否知道 Redux 的真正威力远不止状 ...
看漫画学 Redux
Flux 架构已然让人觉得有些迷惑,而比 Flux 更让人摸不着头脑的是 Flux 与 Redux 的区别.Redux 是一个基于 Flux 思想的新架构方式,本文将探讨它们的区别. 如果你还没有看过 ...
[译] ⚛ React 状态管理工具博物馆
原文地址:⚛ The React State Museum: ⚡️View the hottest state management libs for React 原文作者:Gant Laborde ...
前端面试-综合问题版
一.基础 #1.1 HTML html5新标签有哪些 canvas.svg.webGL 你是如何理解 HTML语义化的,有什么好处前端需要注意哪些SEO? manifest.worker.socke ...
React上下文-Context
导语 redux解决的核心问题是父子兄弟等组件件传值很麻烦的问题,于是有了一个"通讯班"--redux,这个通讯班可以帮我们把组件之间的状态整合到一起,然后修改也统一修改.我们觉得 ...

redux解决了什么问题？

redux解决了什么问题？相关推荐

最新文章

热门文章