写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

一次`react`更新，核心就是对虚拟`dom`进行`diff`，找出最少的需要变化的`dom`节点，然后对其进行相应的`dom`操作，用户即可在页面上看到更新。但 react 作为广泛使用的框架，需

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？

React18正式版终于来了，哪个是你期待的，Concurrent、Suspense、transitions还是新的Hooks API？

useEffect 是异步执行，不阻塞渲染，useLayoutEffect 是同步执行，会阻塞渲染。

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。

写这篇文章主要记录一些自己在面试过程中被问到的高频问题以及自己的一些理解，因为是面试题，难免会写得比较无聊，在努力改进，本文结合目录食用更佳。

所有知识点都使用函数组件+class组件实现了一遍，附大量GIF图+demo，一看便知，适合学习也适合面试

本文从简单到复杂列出了前端常用的一些代码段。善用这些代码可以让你的代码更高雅，别人更难懂。你就是公司的护城河，你就是前端的顶梁柱。