从0实现React
关注
分享
扫一扫
文章平均质量分 88
Ku1s
HFUTer 大二
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【从0实现React18】 (六) 完成commit提交流程并初步实现react-dom包，完成首屏渲染测试
之前我们已经实现了协调阶段（Reconciliation Phase）的beginWork和函数，接下来我们会提交阶段的主要任务是将更新同步到实际的 DOM 中，执行 DOM 操作，例如创建、更新或删除 DOM 元素，反映组件树的最新状态。原创 2024-06-25 21:52:49 · 1438 阅读 · 1 评论 -
【从0实现React18】 (五) 初探react mount流程 完成核心递归流程
在，我们探讨了 React 应用在首次渲染或后续更新时的整体更新流程。在Reconciler工作流程中，beginWork和两个方法起到了关键作用。beginWork负责构建表示更新的 Fiber 树，而则将这个 Fiber 树映射到实际的 DOM 结构上。接下来，我们将深入实现这两个方法。原创 2024-06-24 16:17:20 · 1052 阅读 · 0 评论 -
【从0实现React18】 (四) 如何触发更新 带你了解react触发更新的流程以及更新后如何触发render
另外，在上一节中，我们在实现。类型的，不能直接赋值给。根据上图，我们先来实现。，但现在我们知道了，原创 2024-06-23 22:45:30 · 1064 阅读 · 0 评论 -
【从0实现React18】 (三) 初探reconciler 带你初步探寻React的核心逻辑
Reconciler使React核心逻辑所在的模块，中文名叫，协调(reconciler)就是的意思。原创 2024-06-23 22:43:56 · 1275 阅读 · 0 评论 -
【从0实现React18】 (二) JSX 的转换 jsx到底是什么？React是如何把jsx转换为ReactElement?
在外部新建一个react项目，然后将我们实现的react link到该项目。，即：可以在不发布npm模块的情况下，调试该模块，并且修改模块后会。，不需要通过npm install进行安装。先创建react package并初始化。1、安装rollup Plugin。对应上述3方法，打包对应文件。当前实现的JSX转换属于。npm link是一种。原创 2024-06-22 17:16:52 · 1276 阅读 · 0 评论 -
【从0实现React18】 (一) 项目初始化
安装初始化配置。原创 2024-06-22 17:01:43 · 565 阅读 · 0 评论