首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React源码解析
下雪
创建于2021-07-11
订阅专栏
专注于React源码解析
等 7 人订阅
共10篇文章
创建于2021-07-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React源码之Hooks
没有破坏性改动 在我们继续之前,请记住 Hook 是: 完全可选的。 你无需重写任何已有代码就可以在一些组件中尝试 Hook。但是如果你不想,你不必现在就去学习或使用 Hook。 100% 向后兼容的
React 源码之状态更新(二)
渲染及更新 经过前面这么多章的铺垫,今天我们终于可以看看React的起点ReactDOM.render,在React18之前这是唯一入口函数,在React18中新增了createRoot().rend
React 源码之状态更新(一)
state更新概览 在React中有那些行为可以触发状态更新: ReactDOM.render:在legacy模式下的HostRoot new ReactDOMRoot('').render:conc
React 源码之diff算法
概览 从本章开始我们将进入react的diff算法阶段,在正式进入此阶段之前,先了解下react diff算法的设计动机。 设计动机 在某一时间节点调用 React 的 render() 方法,会创建
React 源码之概念
概念篇 在React中有大量的概念,我们平常打交道最多的是JSX,虚拟DOM,Fiber,React Compenent,React Element等,但是我们可能从来没有深入了解过他们之间的关系?
React 源码之概览
首页 在开始本文档之前已阅读了近两个月的源码,整个过程比想象的要难,React源码的复杂度和Vue相比不在一个量级上,其主要难点有两方面: 涉及很多的概念,包括Fiber,双缓存,lane模型,小顶堆
React 源码之render概览
概览 本章我们将要揭开render的神秘面纱,揭示React render阶段是怎样构建Fiber树。 首先,我们来看下render的调用栈: render阶段始于performSyncWorkOnR
React 源码之捕获阶段
捕获阶段 本章将要详细介绍render阶段的捕获阶段。那么我们先从捕获阶段的入口函数beginWork开始。 beginWork beginWork函数在ReactFiberBeginWork.old
React 源码之commit 阶段
commit 阶段 上一节我们讲完了render阶段,本章节我们将要进入commit阶段的学习。 在进入章节之前要牢记几件事: 用于副作用的effectList单项链表已形成,rootFiber.fi
React 源码之冒泡阶段
冒泡阶段 冒泡阶段的起始函数是completeUnitOfWork。 在上一章我们知道了beignWork完成成Fiber节点的创建,diff算法,调用render阶段的部分生命周期函数。 我们这一章