zz1998

LV0
发表了文章

react源码解析12.状态更新流程

我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲

zz1998
React
发表了文章

react源码解析11.生命周期调用顺序

函数组件hooks的周期会在hooks章节讲解,这一章的使命周期主要针对类组件,各阶段生命周期执行情况看下图:

zz1998
React
发表了文章

react源码解析8.render阶段

render阶段的主要工作是构建Fiber树和生成effectList,在第5章中我们知道了react入口的两种模式会进入performSyncWorkOnRo...

zz1998
React
发表了文章

react源码解析7.Fiber架构

react15在render阶段的reconcile是不可打断的,这会在进行大量节点的reconcile时可能产生卡顿,因为浏览器所有的时间都交给了js执行,并...

zz1998
React
发表了文章

react源码解析6.legacy和concurrent模式入口函数

react有3种模式进入主体函数的入口,我们可以从 react官方文档 使用 Concurrent 模式(实验性)中对比三种模式:

zz1998
React
发表了文章

react源码解析3.react源码架构

在真正的代码学习之前,我们需要在大脑中有一个react源码的地图,知道react渲染的大致流程和框架,这样才能从上帝视角看react是怎么更新的,来吧少年。

zz1998
React
发表了文章

人人都能读懂的react源码解析(大厂高薪必备)

​ 本教程目标是打造一门严谨(严格遵循react17核心思想)、通俗易懂(提供大量流程图解,结合demo、视频教程)的react源码解析课程,争取做到最容易...

zz1998
React
发表了文章

2.react心智模型(来来来,让大脑有react思维吧)

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细d...

zz1998
React
发表了文章

react源码解析20.总结&第一章的面试题解答

至此我们介绍了react的理念,如果解决cpu和io的瓶颈,关键是实现异步可中断的更新

zz1998
React
发表了文章

react源码解析19.手写迷你版react

zz1998
React
发表了文章

react源码解析17.context

react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context,另外还有一个didPerformWor...

zz1998
React
发表了文章

react源码解析18事件系统

下面这个demo_13在react17和react16中有什么不同吗?代码也很简单,模拟一个modal框,点击显示出现,点击其他地方,相当于点击了mask,mo...

zz1998
React
发表了文章

react源码解析16.concurrent模式

react17支持concurrent mode,这种模式的根本目的是为了让应用保持cpu和io的快速响应,它是一组新功能,包括Fiber、Scheduler、...

zz1998
React
发表了文章

react源码解析15.scheduler&Lane

当我们在类似下面的搜索框组件进行搜索时会发现,组件分为搜索部分和搜索结果展示列表,我们期望输入框能立刻响应,结果列表可以有等待的时间,如果结果列表数据量很大,在...

zz1998
React
发表了文章

react源码解析14.手写hooks

最关键的是要理解hook队列和update队列的指针指向和updateQueue的更新计算,详细见视频讲解

zz1998
React
发表了文章

react源码解析13.hooks源码

​ 在hook源码中hook存在于Dispatcher中,Dispatcher就是一个对象,不同hook 调用的函数不一样,全局变量ReactCurrentDi...

zz1998
React
发表了文章

react源码解析12.状态更新流程

我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲

zz1998
React
发表了文章

react源码解析11.生命周期调用顺序

函数组件hooks的周期会在hooks章节讲解,这一章的使命周期主要针对类组件,各阶段生命周期执行情况看下图:

zz1998
React
发表了文章

react源码解析2.react的设计理念

React15之前的协调过程是同步的,也叫stack reconciler,又因为js的执行是单线程的,这就导致了在更新比较耗时的任务时,不能及时响应一些高优先...

zz1998
React
发表了文章

react源码解析10.commit阶段

在render阶段的末尾会调用commitRoot(root);进入commit阶段,这里的root指的就是fiberRoot,然后会遍历render阶段生成的...

zz1998
React

个人简介

个人成就

扫码关注云+社区

领取腾讯云代金券