react源码系列

build your own react 学习笔记，学习实现了一个精简版的react，文末有源码链接

1 useState与useReducer 2 useEffect与useLayoutEffect 3 useMemo与useCallback \ 4 React.memo

1 工作流程 例如: 在上一章节讲过，在调用ReactDOM.render会产生mount的更新并创建update对象，在点击span时会触发setCount的更新调用dispatchAction方法

1 流程概览 1.1 创建Update触发render 在React中，有如下方法可以触发状态更新进入render阶段（排除SSR相关）： ReactDOM.render this.setState

1 流程概览 一个DOM节点最多会有四个节点与之关联，如下图: React在Diff算法的优化: 只对同级元素进行Diff。如果一个DOM节点在前后两次更新中跨越了层级，则不再复用他; 类型不同时会销

commitRoot方法是commit阶段工作的起点。fiberRootNode会作为传参，commitRoot(root);

每次render阶段都会遍历整颗fiber树,循环调用performUnitOfWork直到workInProgress为null