i/
ieuforu
runtime notes
首页
写作
实验
●
AVAILABLE FOR CURIOSITY
写前端,
也拆前端。
我是 ieuforu,一名前端工程师。
这里记录浏览器如何工作、框架为何这样设计,以及把抽象概念变成直觉的小实验。
FIND ME
RENDER TRACE / 01
IDLE
PARSE
STYLE
LAYOUT
PAINT
RUN TRACE →
01 / NOTES
写作
35 篇文章
↗
02 / LAB
实验
1 个可交互实验
↗
03 / WORK
项目
3 个开源项目
↗
01
最近写下的
VIEW ALL ↗
React Component Tree:从 Mount 到 Fiber Runtime 的一条主线
从 mount container、React Element、Fiber、Context、Reconciliation、Hooks、Lane、Scheduler 到 beginWork / completeWork,用一棵 Component Tree 串起 React Runtime 的核心机制。
09 / 16
折腾了这么多前端工具,最后我只留下这几个东西
前端工具不断换新,哪些知识值得留下?梳理类型、UI、浏览器和工程架构四层理解。
08 / 31
组件设计模式:从 Runtime 约束推导组件 API
一个组件该接收哪些 props、把状态交给谁?从 React 的约束推导组合、受控与 ref 的设计。
08 / 29
状态管理的边界:Context、External Store、Atom 模型
Context 什么时候不够用?沿着更新传播与订阅粒度,比较 Zustand 和 Jotai 的适用场景。
08 / 28
02
动手理解
INTERACTIVE
LAB 001
Fiber Timeline
看一次更新如何穿过树。