首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
React18源码学习
yyyao
创建于2026-01-04
订阅专栏
React18源码学习
等 1 人订阅
共9篇文章
创建于2026-01-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
🔥🔥🔥 React18 源码学习 - 合成事件原理
React18的合成事件系统是一个精心设计的架构,它通过插件机制、事件委托、对象池等技术,实现了高性能、跨浏览器兼容的事件处理。从事件注册到触发执行的完整链路体现了React团队对性能和开发体验的深度
🔥🔥🔥 React18 源码学习 - hook 原理 - useState & useReducer
在React16.8引入Hooks之前,状态逻辑复用一直困扰着React开发者。Hooks的诞生不仅解决了状态逻辑复用的问题,更重要的是统一了函数组件与类组件的能力边界。作为React中最基础也最核心
🔥🔥🔥 React18 源码学习 - hook 原理
Hook的设计不仅解决了React开发中的实际问题,也为未来的React发展奠定了基础。理解Hook的实现原理,有助于我们编写更高效、更可靠的React应用。
🔥🔥🔥 React18 源码学习 - commit 阶段
Commit阶段作为React渲染流水线的最后一环,其设计体现了React在性能、稳定性和开发者体验之间的精妙平衡。理解这一过程不仅有助于编写高性能的React应用,更能让我们深入理解这一过程不仅有助
🔥🔥🔥 React18 源码学习 - DIFF算法
在React的世界里,每次状态更新都会触发组件的重新渲染。如果直接销毁旧DOM节点并创建新节点,性能开销将无法承受。React通过调和(Reconciliation) 过程,配合DIFF算法,找出需要
🔥🔥🔥 React18 源码学习 - Render 阶段(构造 Fiber 树)
深度优先遍历:Fiber树的构建采用DFS策略,确保父节点在子节点之前开始,在子节点之后完成。 可中断渲染:React的并发特性建立在可中断的Fiber架构之上,通过过shouldYield控制渲染任
🔥🔥🔥 React18 源码学习 - Fiber 架构
Fiber 架构。彻底重构了 React 的调和机制,将不可中断的递归遍历,革新为可暂停、可恢复的链表遍历。这一根本性变革为 React 带来了时间切片、并发模式等能力,使其从同步渲染迈入了异步渲染
🔥🔥🔥 React18 源码学习 - 容器的挂载
ReactDOM.render 是React应用与浏览器 DOM连接的桥梁,也是整个应用渲染的起点。理解它的实现原理能为后续理解组件生命周期、虚拟DOM和协调算法打下坚实基础。
🔥🔥🔥 React18 源码学习 - React Element
React源码学习。React Element作为React架构的基石,理解其本质和工作原理对于深入掌握React至关重要。