React18 设计原理

原文 👉 https://juejin.cn/post/7631927872246136866 React.createElement 创建新的 Fiber，new FiberNode 是没有数据的，

原文 👉 https://juejin.cn/post/7631927872246136866 React 的响应粒度是组件级别的 这个概念表达的是，节点是否有变化、选择 bailout 还是 rec

能够重试是React中非常重要的一个机制，例如因为网络加载未完成、发生了某些错误等导致没有完成最终的“视觉”目标，就需要在适当的时候重试一遍，重试可以说是懒加载组建、错误恢复、Suspense实现基础

前言 本文的核心就两个，一个是判断节点是否有变化，然后判断是否能复用cur和cur.alternate节点，最后创建出wip节点。另一个是协调的算法。 判断节点是否有变化，使用props+cur.la

SSR技术的实现设计不过是 **HTML文件 + 插入脚本**。 第一步，运行HTTP服务器，**renderToPipeableStream + 公共文件**创建纯HTML文件。第二步，插入水合脚本

前言 这一篇讲的是React用到的一些算法。 正文 在遍历fiber树的过程中还维护了游标和栈。 在beginWork completeWork的过程中switch catch到updateHostC

总流程 合成事件的设计原理： 给容器绑定统一的事件监听器 创建合成事件对象 收集Fiber事件 (详细） 事件回调的派发 这一篇处在第3点，收集Fiber事件。 树“歪”了 以一个HostPortal

原文 👉 https://juejin.cn/post/7631927872246136866 协调和提交 1.复原、新建、删除 源码包含了 1. updateSlot "查询"然后复用、查不到然后新