腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

进阶高级前端工程师

专栏作者

119

文章

89082

阅读量

24

订阅数

看透react源码之感受react的进化_2023-03-15

react commit dom setstate 遍历

网上有许多关于react源码解读的文章，其中有很多都只是单纯贴源码，罗列变量名。其实大家都知道这个英文怎么读，直译也大概知道意思，但是这个英文在react中起到什么作用，并没有说的很通俗明白。

2023-03-15

5580

React-Hooks源码深度解读_2023-03-15

react 渲染 hook render 源码

这个代码有一个问题，在执行 useState 的时候每次都会 var _val = initialValue，初始化数据；

2023-03-15

2.1K0

React源码分析(一)Fiber_2023-03-15

api dom layout scheduler 架构

但是React团队意识到这样的架构有致命问题：因为在React15中，组件的更新是基于递归查找实现的，这样一旦开始递归，是没有办法中断的，如果组件层级很深，就会出现性能问题，导致页面卡顿。

2023-03-15

2390

手写一个react，看透react运行机制_2023-03-01

json javascript react html 渲染

react的源码，的确是比vue的难度要深一些，本文也是针对初中级，本意让博友们了解整个react的执行过程。

2023-03-01

6480

深度分析React源码中的合成事件_2023-03-01

react jquery 编程算法

React事件就是在组件中调用的onClick这种写法的事件。上面分为5个函数写，主要是区分不同的事件注册逻辑，但是最后都会添加到allNativeEvents的Set数据结构中。

2023-03-01

5840

从React源码来学hooks是不是更香呢_2023-02-28

编程算法 react

要理解 hooks 的执行过程，首先想要大家对 hooks 相关的数据结构有所了解，便于后面大家顺畅地阅读代码。

2023-02-28

6930

从React源码角度看useCallback，useMemo，useContext_2023-02-28

缓存编程算法

useCallback缓存的是回调函数，如果依赖项没有更新，就会使用缓存的回调函数；

2023-02-28

3690

带你实现react源码的核心功能_2023-02-28

react 渲染编程算法

React 的代码还是非常复杂的，虽然这里是一个简化版本。但是还是需要有不错的面向对象思维的。React 的核心主要有一下几点。

2023-02-28

7310

React源码分析8-状态更新的优先级机制_2023-02-27

react 任务调度

实现这一目的的本质就是在低优先级任务执行时，有更高优先级任务进来的话，可以打断低优先级任务的执行。

2023-02-27

6290

从React源码分析看useEffect_2023-02-27

编程算法 react

这里不再讲useLayoutEffect，它和useEffect的代码是一样的，区别主要是：

2023-02-27

2930

React源码分析5-commit_2023-02-21

编程算法 react

前两章讲到了，react 在 render 阶段的 completeUnitWork 执行完毕后，就执行 commitRoot 进入到了 commit 阶段，本章将讲解 commit 阶段执行过程源码。

2023-02-21

4540

React源码分析6-hooks源码_2023-02-21

编程算法 react

要理解 hooks 的执行过程，首先想要大家对 hooks 相关的数据结构有所了解，便于后面大家顺畅地阅读代码。

2023-02-21

7760

React源码分析7-state计算流程和优先级_2023-02-21

setState 执行之后，会执行一个叫 enqueueSetState 的方法，这个主要作用是创建 Update 对象和发起调度，可以看下这个函数的逻辑，

2023-02-21

3080

React源码分析2-深入理解fiber_2023-02-20

react 编程算法

react16 版本之后引入了 fiber，整个架构层面的调度、协调、diff 算法以及渲染等都与 fiber 密切相关。所以为了更好地讲解后面的内容，需要对 fiber 有个比较清晰的认知。本章将介绍以下内容：

2023-02-20

3640

React源码分析3-render阶段(穿插scheduler和reconciler)_2023-02-20

react 任务调度 unix

本章将讲解 react 的核心阶段之一 —— render阶段，我们将探究以下部分内容的源码：

2023-02-20

5470

React源码分析4-深度理解diff算法_2023-02-20

react 编程算法渲染

上一章中 react 的 render 阶段，其中 begin 时会调用 reconcileChildren 函数， reconcileChildren 中做的事情就是 react 知名的 diff 过程，本章会对 diff 算法进行讲解。

2023-02-20

6320

React源码分析(三)：useState，useReducer_2023-02-19

编程算法 react 存储

大家都知道hooks是在函数组件的产物。之前class组件为什么没有出现hooks这种东西呢？

2023-02-19

6190

React源码分析(二)渲染机制_2023-02-19

react 渲染编程算法

jsx语法转换后，会通过creatElement或jsx的api转换为React element作为ReactDom.render()的第一个参数进行渲染。

2023-02-19

2500

React源码分析1-jsx转换及React.createElement_2023-02-19

我们从 react 应用的入口开始对源码进行分析，创建一个简单的 hello, world 应用：

2023-02-19

7610

看透react源码之感受react的进化_2023-02-14

react 编程算法

网上有许多关于react源码解读的文章，其中有很多都只是单纯贴源码，罗列变量名。其实大家都知道这个英文怎么读，直译也大概知道意思，但是这个英文在react中起到什么作用，并没有说的很通俗明白。

2023-02-14

3890

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战，赢鹅厂证书、公仔好礼！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态