首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React源码解析
ArnoSu
创建于2021-09-10
订阅专栏
基于React17.0.2版本,Concurrent模式下
等 66 人订阅
共7篇文章
创建于2021-09-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React源码解析之hook原理
源码结构 在渲染函数组件的时候会调用renderWithHooks方法: 可以看到这个函数中: 将nextRenderLanes(当前需要渲染的优先级集合)赋值给了renderLanes,将workI
React源码解析之diff算法
diff的作用 在React中,diff算法需要与虚拟DOM配合才能发挥出真正的威力。React会使用diff算法计算出虚拟DOM中真正发生变化的部分,并且只会针对该部分进行dom操作,从而避免了对页
React源码解析之beginWork Fiber的更新入口
前言 紧接上一篇的内容React源码解析之Fiber,上一篇分析了Fiber树的创建,接下来则是进入Fiber的节点的创建和更新。 正文 对Fiber的节点的创建和更新会调用performUnitOf
React源码解析之Fiber
Fiber是什么 Fiber可以看做是Reat中最小的工作单元,它把更新过程碎片化。Fiber与Scheduler配合实现了任务的中断与恢复:当在执行任务过程中,遇到更高优先级的任务,则会中断当前任务
React源码解析之优先级Lane模型下
前言 由于篇幅太长,我将Lane模型的源码解析分为了上下两篇。接着上一篇React源码解析之优先级Lane模型上我们继续讲Lane的使用。 任务执行时Lane是如何工作的 上次我们分析到了,lane对
React源码解析之优先级Lane模型上
概述 Lane是React中用于表示任务的优先级。优先级分为高优先级与低优先级,当用户操作界面时,为了避免页面卡顿,需要让出线程的执行权,先执行用户触发的事件,这个我们称之为高优先级任务,其它不那么重
React源码解析之Scheduler
解析源码前,我们明确几个问题: Scheduler是什么,作用是什么? Scheduler的出现是为了解决什么问题? Scheduler是一个任务调度器,它会根据任务的优先级对任务进行调用执行。 在有