公里七

这是我参与8月更文挑战的第19天，活动详情查看：8月更文挑战 在react组件开发的过程中, key是一个常用的属性值, 多用于列表开发. 本文从源码的角度, 分析key在react内部是如何使用的,

`reconcilerChildren`函数(函数中的算法被称为调和算法),分别对单节点和数组节点进行对比. 比较对象是`reactElement`对象和`fiber`对象.

本节主要列举了`erc20`,`erc721`,`erc1155`三种不同协议, 以及`openzeppelin`上面对它们的实现.

Context提供了一种直接访问祖先节点上的状态的方法, 避免了多级组件层层传递props. 本文将从`fiber树构造`的视角, 分析`Context`的实现原理.

从架构上来讲, SyntheticEvent打通了从外部`原生事件`到内部`fiber树`的交互渠道, 使得`react`能够感知到浏览器提供的`原生事件`, 进而做出响应, 修改`fiber树`.

本节分析了`副作用Hook`从创建到销毁的全部过程, 在`react`内部, 依靠`fiber.flags`和`effect.tag`实现了对`effect`的精准识别.

本节分析`状态Hook`即`useState`的内部原理, 从`同步,异步`更新理解了`update`对象的合并方式, 最终结果存储在`hook.memoizedState`供给function使用.

本节分析了"fiber"与"hook"的内在关系, 通过"renderWithHooks"函数, 把"Hook"链表挂载到了"fiber.memoizedState"之上.

本节从`fiber`视角出发, 总结了`fiber`节点中可以影响最终渲染结果的 2 类属性(`状态`和`副作用`).