react源码学习

一个大基调，函数组件的每一次更新，就是把函数组件重新执行，这样每次会产生新的闭包，而闭包中所有创建函数的操作，都会重新创建新的堆内存。 useState setState 是直接赋值，而不是局部替换

effect最后一节，scheduler！ 目标 ：带有schedule的effect 继续分析 effect effect的第二个参数，选项参数，传入的scheduler是个函数 首次依然执行fn，

- 类组件才有生命周期钩子，函数组件是副作用函数 - 挂载的，围绕render就好，挂载阶段的生命周期：componentWillMount 和 componentDidMount

本身函数组件并不好赋值 ref，这边将本身的函数组件，再次切片，从而将利用参数，将 ref 引用带到组件里，组件里自动赋值，从而外围拿到函数组件内部的 ref

- createRef 仍然简单的返回`{current:null}` - 类组件身上的`ref`，指向的就是`{current:null}`，解析属性的时候，其`current`赋值为类组件的实例

- createRef 简单的返回`{current:null}` - 元素身上的`ref`，指向的就是`{current:null}`，解析属性的时候，其`current`赋值为元素 `DOM`即可

每一个类组件绑定一个Updater实例，专门处理state的逻辑 增加pendingStates 增加updateQueue 处理事件逻辑，切片事件函数，执行前增加flag的开始，执行后更新状态和重置

- setState两件事，更新state，更新DOM - 更新DOM，麻烦些，需要将旧DOM挂到组件实例上，新DOM重新生成，然后替换

继续学习写源码系列，本系列是学习系列。 第一篇是简单手写实现 React 的 createElement 和 render，里面有准备工作，不再赘述。 本文的目标是，手写实现函数组件。

两件事： 1. 增加 Component 类，且加上静态标识属性和实例的 `props` 属性 2. `createDOM`中增加处理类的情况，执行实例的 `render` 函数后，然后挂载返回值

今天开始正式，学习写源码系列，本系列是学习系列。 本文的目标是，手写实现createElement和render。总体简单，可以跟练