对于常用的框架，如果仅限于会用，我觉得还是远远不够，至少要理解它的思想，这样才不会掉入各种坑里面，这篇文章是基于react-lite源码来写的。 在react里面，经过babel的解析后，jsx会变成createElement执行后的结果。 <Test name="w…

当然，react会在下一个{clicked: true}状态的时候re-render组件并且更新DOM去返回<h1>Thanks</h1>元素。 更新DOM听起来似乎是React DOM在负责处理。但是我们调用的是this.setState，这个api是来自react，并非是R…

(直到最近，这是使用状态等功能的唯一方法。) 在这两种情况下，React的目标是获取渲染节点（本例中，是<p> Hello </ p>）。 就像在我之前的帖子中一样，你不需要知道this在React中的所作所为。多年来我一直都不知道。请不要把它变成面试问题。事实上，这篇文章更多…

我是一名hooks API的忠实粉丝，然而它对你的使用会有一些奇怪的约束，所以我在本文中使用一个模型来把原理展示给那些想去使用新的API却难以理解它的规则的人。 本文提到的 Hooks API 还处于实验阶段，如果你需要的是稳定的 React API 文档，可以从这里找到。 我…

React Fiber是React核心算法的持续再实现，这是React团队两年多研究的成果。 React Fiber的目标是增强其在动画、布局和手势等领域的适用性。它的主要特性是增量渲染：能够将渲染工作分割成块，并将其分散到多个帧中。 其他关键功能包括暂停、中止或重启更新工作的…

为了教育我自己和社区，我花了很多时间在Web技术逆向工程和写我的发现。在过去的一年里，我主要专注在Angular的源码，发布了网路上最大的Angular出版物—Angular-In-Depth。现在我已经把主要精力投入到React中。变化检测已经成为我在Angular的专长的主…

React作为前端最🔥的框架之一，但是有的时候我们仅限于能用的阶段，有一些高级用法，我们在日常开发中却很少涉足。但是一旦用起来，我们就能发现它的方便和强大之处，我们就会越来越发现我们已经离不开它了！这就像是刚用React时，我内心是拒绝的，但是现在我已经离不开它了，越来越不能…

组件的生命主要包括3个阶段： 挂载、更新、卸载，React 16开始还添加了错误处理。 而constructor()用来做一些组件的初始化工作，如定义this.state的初始内容。 在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重…