最新 最热

react源码解析13.hooks源码_2023-03-01

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

2023-03-01
2

从recat源码角度看setState流程_2023-03-01

setState() 将对组件 state 的更改排入队列批量推迟更新,并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件。其实setState实际上不是异步,只是代码执行顺序不同,有了异步的感觉。...

2023-03-01
3

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

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

2023-03-01
3

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

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

2023-02-28
2

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

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

2023-02-28
2

react源码解析10.commit阶段_2023-02-27

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

2023-02-27
2

面试官:说说react的渲染过程_2023-02-21

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

2023-02-21
2

面试官:说说你对react生命周期的理解_2023-02-21

hello,这里是潇晨,今天我们来看下react生命周期在各个阶段是怎样执行的,在面试的过程中有没有遇到这个问题呢,大家也可以学习往期react源码体系文章哦,往期文章目录在文章结尾。...

2023-02-21
3

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

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

2023-02-21
2

面试官:useLayoutEffect和useEffect的区别_2023-02-20

大家面试的过程中有没有遇到过这样的问题呢,useLayoutEffect和useEffect的区别是什么,大家可能会回答useEffect是异步的,useLayoutEffect是同步的,这样回答面试官真的会满意慢,我们需要说清楚他们在源码中的调用时机。...

2023-02-20
2