大家好，我是小杜杜，我们知道 Hooks 的出现即保留了函数式组件的简洁，又让其拥有自己的状态、处理一些副作用的能力、获取目标元素的属性、缓存数据等。

1.创建项目 2.弹射create-react-app脚手架内部配置 3.下载源码 进入项目文件夹react-app/src下克隆react源码 4.链接本地源码文件 5.修改环境变量 react中有

最近在优化React代码的过程中，发现对React底层逻辑不是很了解，就导致优化过程中没有明确的优化方向，做了很多的无用功。经过一番思考，我决定花费一些时间来进行React源码的学习。 在React源

这篇文章大致归纳了面试中最爱问的几个问题：1.useState后发生了什么。2.详解diff算法 。3.render阶段发生了什么。4.fiber树的更新流程

Context 对象 提供的Provider组件允许消费组件订阅 context 的变化，一旦变化它内部的所有消费组件都会重新渲染，会产生性能问题。 我们知道 Redux 是一个单一的状态机，它只关注state的变化，至于视图层怎么变化，关键在于React-redux。

从利用JS手动修改DOM太繁琐，产生了模板渲染，又因为模板更新每次都是整体更新，当页面内容很复杂时，容易产生卡顿。于是就有了虚拟DOM+diff算法，这构成现代前端开发的基石。

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。

壹 ❀ 引 虚拟DOM（Virtual DOM）在前端领域也算是老生常谈的话题了，若你了解过vue或者react一定避不开这个话题，因此虚拟DOM也算是面试中常问的一个点，那么通过本文，你将了解到如下

React通过引入Virtual DOM的概念，极大地避免无效的Dom操作，已使我们的页面的构建效率提到了极大的提升。但是如何高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处同样也决定着页面的性能，React用其特殊的diff算法解决这个问题。Virtual …