下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…

React 设计理念 从 React 官网 我们可以看到这样一句话： 我们知道目前主流浏览器刷新频率为 60Hz，即每（1000ms / 60Hz）16.6ms 浏览器刷新一次。在这 16.6ms 要

这是我们在React中绑定事件的常规写法。经由JSX解析，button会被当做组件挂载。而onClick这时候也只是一个普通的props。 绑定的重点是这里的listenTo方法。看源码(ReactBrowerEventEmitter) 对于同一个事件，例如click有两个事件…

8.2.1 前言 文章出处 阅读以下内容之前先了解一下，hooks出现的动机,同时也要熟悉hooks的用法，可以参考上一篇文章 废话不多说，我首先克隆一份代码下来 hooks导出部分在react/pa

上一篇文章聊到React15架构存在不能支撑异步更新的情况以至于需要重构。那么下面来学习一下React16是如何支持异步更新的。

React目前已经成为前端主流框架之一，其成功原因离不开它的设计理念： 而React从版本v15升级到v16后，重构了整个架构，为什么呢？下面来对比一下v15和v16

首次加载渲染触发点击根组件会触发所有组件,点击左侧父组件1时会触发局部更新,只更新当前组件与子组件,不会触发父组件