上次我们走完了从setState()到单个DOM更新的流程，并简单的分析了diffing算法。这个分析显然不够，因为diffing算法是为更为复杂的情况而设计。

界面更新本质上就是数据的变化。React把所有会动的东西收敛到状态(state)，使得大部分的界面任务都可以用一个姿势搞定 没错，我说的是 setState()。本文会揭示setState()的内部实现，并通过改变在改变单一DOM元素属性来一探diffing算法的实现细节。 在…

antd被人吐槽最多的除了彩蛋之外，那应该就是Form表单了。如果需要使用Form自带的收集校验功能，需要使用Form.create()包装组件，每一个需要收集的值还需要getFieldDecorator进行注册。官方文档大量的让人眼花缭乱的API，大概率没有多少人读完了整个文…

注：这篇是16年10月的文章，搬运自本人 blog... 首先要明确一点，虽然 redux 是由 flux 演变而来，但我们完全可以并且也应该抛开 react 进行学习，这样可以避免一开始就陷入各种细节之中。 所以推荐使用 jsbin 进行调试学习，或者使用 create-re…

两者之间的区别很有意思，但不仅仅局限于 JSX 与 Templates 或者丰富的 API 与少量的 API 的区别。React 和 Vue 两者之间的选择可能导致截然不同的结果，这一点在你一开始选择的时候可能并没有意识到。当选择一个框架的时候，一个重要的问题是「我希望项目的复…

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

在上一篇中我们分析了整个渲染流程的前奏，即从一个JSX表达式到ReactCompositeComponent的生成过程。最后我们讨论到batchedMountComponentIntoNode()。本篇会从这个函数开始继续打通简单组件渲染的流程。 本篇涉及的文件： rende…

《React 学习之道》这本书使用路线图中的精华部分用于传授 React，并将其融入一个独具吸引力的真实世界 App的具体代码实现。 如何掌握 React 存在特别多的路线图。本书提取这些路线图中的精华部分，并将其融入于一个具体的应用程序当中。您将会构建一个属于自己的 Reac…

当你冲这个标题点进来的时候，我猜你一定知道 React 是什么，更多详情请戳这里，就不介绍React了，一个神般存在的前端框架。另外，浏览器和移动端横行的时代，为什么还需要桌面应用？我就不解释了，反正优点很多，做为技术多学一点总没错。 Electron is an open s…