界面更新本质上就是数据的变化。通过把所有会动的东西收敛到状态(state)，React提供了一个非常直观的前端框架。我也比较喜欢review基于React代码，因为我一般都是从数据结构开始看，这样可以在钻到细节代码之前建立对整个逻辑的初步理解。我也经常会好奇React的实现方式…

Redux是一个非常流行的状态管理解决方案，Redux应用执行过程中的任何一个时刻，都是一个状态的反映。可以说，State 驱动了Redux逻辑的运转。设计一个好的State并非易事，本文先从设计State时最容易犯的两个错误开始介绍，然后引出如何合理地设计State。 以AP…

React + Redux 是React生态中使用最频繁的技术栈，但关于如何组织React+Redux的项目结构，一直都有多种声音。本文将讨论其中最常用的3种项目结构，并给出个人的最佳实践。 这里的类型指的是一个文件在项目中充当的角色类型，即这个文件是一个component，还…

在学习react的过程中，深深的被react的函数式编程的模式所吸引，一切皆组件，所有的东西都是JavaScript。React框架其实功能很单一，主要负责渲染的功能，但是社区很活跃，衍生出了很多优秀的库和工具。个人觉得，想要做好一个项目，往往需要其他库和工具的配合，例如red…

UnderstandingTheReactSourceCode — InitialRendering(SimpleComponent)IPhotobyGerrievanderWalton Unspla

在上一篇文章《React源码解析(一):组件的实现与挂载》中，我们阐述了React组件的实现和挂载。现在我们来一起探究组件的生命周期。 我们已经知道，只有在挂载流程开始后，才会触发组件的生命周期，生成ReactElement类型的js对象，通过解析组件对象内部所携带的信息，获得…

既然上面都已经抛出，为什么这里还需要再次抛出，不过好像是跟什么环境和打包之后的一些操作有关，所以这里一两次抛出。这个地方还需要向大家请教。

前段时间 React license 的问题闹的沸沸扬扬，搞得 React 社区人心惶惶，好在最终 React 团队听取了社区意见把 license 换成了 MIT。不管 React license 如何，React 都是一个值得好好学习的优秀视图库。 本项目算不上什么大型项目…

React 其实只是一个 UI 框架，频繁进行 DOM 操作的代价是很昂贵的，所以 React 使用了虚拟 DOM 的技术，每当状态发生改变，就会生成新的虚拟 DOM 并与原本的进行改变，让变化的地方去渲染。并且为了性能的考虑，只对状态进行浅比较（这是一个很大的优化点）。 Re…