王亮的博客

react diff

React性能优化步骤 1.寻找项目中的性能损耗严重的子树(使用why-did-you-render等工具查找) 2.在子树的根节点使用性能优化API （memo, useMemo, useCallback） 3.子树中运用变与不变分离的原则 示例

1.react降低diff复杂度所做假设 只对同级元素进行diff 两个不同类型的元素会产生不同的树 开发者可以通过key来暗示哪些子元素在不同渲染下保持稳定 2.是单节点还是多节点diff？ 通过reconcileChildFibers函数的newchild参数将diff分为两类： 当newchild为object、number或者string时，为单节点 当newchild为array时，为多节点 3.单节点diff(reconcileSingleElement) 只有当key和type都