相信学过 React 的朋友对 Redux 一定不陌生，其作为 JavaScript 的状态容器，能够提供可预测化的状态管理，但其实它并不是专门为了 react 而设计的，你也可以在原生 JS 项目或

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

上面的操作我们有两个异步的操作，分别是是setTimeout和Promise。由于我们的action触发了以后，就会立马去reducer里面执行state的更新，所以我们想要实现异步的操作，就必须在dispatch的时候，去做一些操作。 在store里面，有个方法叫做apply…

直接上图，从上图中可以看出，所有的数据（比如state）被保存在一个被称为store的容器中 → 在一个应用程序中只能有一个store。store本质上是一个状态树，保存了所有对象的状态。任何UI组件都可以直接从store访问特定对象的状态。要通过本地或远程组件更改状态，需要分…

最近看了一下redux的源码，从头到脚的理一下。 Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。 Redux 除了和 React 一起用外，还支持其它界面库。 它体…