最新 最热

react源码解析17.context4

react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context,另外还有一个didPerformWorkStackCursor用来表示当前的context有没有变化

2023-01-06
2

前端react面试题(必备)2

this.props是组件之间沟通的一个接口,原则上来讲,它只能从父组件流向子组件。React具有浓重的函数式编程的思想。

2023-01-04
4

react源码解析13.hooks源码2

之所以把useState和useReducer放在一起,是因为在源码中useState就是有默认reducer参数的useReducer。

2023-01-04
2

从React源码角度看useCallback,useMemo,useContext

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

2023-01-03
2

带你实现react源码的核心功能

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

2023-01-03
2

react源码解析10.commit阶段

在render阶段的末尾会调用commitRoot(root);进入commit阶段,这里的root指的就是fiberRoot,然后会遍历render阶段生成的effectList,effectList上的Fiber节点保存着对应的props变化。之后会遍历effectList进行对应的dom操...

2023-01-02
2

react源码之hooks

今天,让我们一起深入探究 React Hook 的实现方法,以便更好的理解它。但是,它的各种神奇特性的不足是,一旦出现问题,调试非常困难,这是由于它的背后是由复杂的堆栈追踪(stack trace)支持的。因此,通过深入学习 React 的新特性:ho...

2023-01-02
2

面试官:说说react的渲染过程

hello,这里是潇晨,大家在面试的过程中有没有遇到过一些和react相关的问题呢,比如面试官让你说说react渲染的过程,这到题目比较开放,也比较考验大家对react渲染原理以及源码的整体架构的理解。...

2022-12-20
2

React源码解读--更新的创建

React 的鲜活生命起源于 ReactDOM.render ,这个过程会为它的一生储备好很多必需品,我们顺着这个线索,一探婴儿般 React 应用诞生之初的悦然。

2022-12-20
2

React源码分析--state计算流程和优先级

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

2022-12-20
2