管理整个前端项目(单页应用)所有的状态数据，统一把整个应用的状态存到一个地方(store)，保存成一个状态树，修改数据需要派发(dispatch)一个动作(action)通知store修改。组件通过订阅(subscribe)修改事件，获取最新数据来修改自身状态。 整个应用的st…

本文依次介绍 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。 1. 组件 组件是React的基石，所有的React应用程序都是基于组件的。 用这种方式，就实现了一个React的组件，在其他的组件中，可以像HTML标签一样引用它…

编者按：今天这篇文章是 React 团队成员、Redux 作者 Dan Abramov 新编写的一篇文章，这篇文章非常不错。在 2019 到来之际，谨以此文祝大家元旦快乐！ 大家总以为我懂得许多东西，而实际情况并不是这样的。我不是在抱怨什么，这也不是什么坏事。 （尽管少数派有来…

限于个人能力，如有错漏之处，烦请不吝赐教。 我在最近的工作中开始使用 Vue 进行开发，但是我在上一家公司积累了三年以上 React 开发经验。虽然在两种不同的前端框架之间进行切换确实需要学习很多，但是二者之间在很多基础概念、设计思路上是相通的。其中之一就是组件设计，包括组件层…

React 世界中，组成一个页面的最小单元为一个个组件，很显然如何合理的创建它们是个非常关键的点。下面介绍一下我对三种创建组件方式的理解与总结。 当函数式的创建一个组件之后，显然它已经注定了没法再拥有自己的 State 了，只能 “无脑” 的去获取属性内容并展示，因为函数式组件…

用 ‘快递的思想’ 解释 Redux 的设计原理 ，最后结合 Redux-React 做个 加减器的小例子

现在的流行框架，无论React还是Vue，都采用虚拟DOM。好处就是，当我们数据变化时，无需像Backbone那样整体重新渲染，而是局部刷新变化部分，如下组件模版： 当页面中item2变为item3时，如Backbone一样的MVC框架就会将ul这个模块整体刷新，而如果我们采用…

上篇文章 结合源码学习 Redux 介绍了 redux 的基本知识，时隔三个月，实战之后重新来看 react-redux 源码，整理下开发过程中遇到的问题和一些看源码学到的冷知识。 一开始看文档，很多例子使用 mapDispatchToProps 都是👇这种形式。 这样的写法…

为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。 因为一般都会用一个数据层的框架比如 Vuex…