Comments (8)
BetaSu
commented on July 17, 2024
这里Demo 的目的是为了展示useLayoutEffect的工作原理，揭示 **在这些回调方法中可能触发新的更新，新的更新会开启新的render-commit流程。**这一论点。
如果要对比 useLayoutEffect和useEffect区别，考虑在useLayoutEffect中执行些阻塞线程的工作应该会看到区别。
from just-react.
BetaSu
commented on July 17, 2024
你提出的问题确实有代表性， 我会在后续 加上 这两者的对比demo。
感谢反馈
from just-react.
shaodahong
commented on July 17, 2024
是的，原理我是知道的，但是 Demo 没有说服力，而且 useLayoutEffect 和 useEffect 也是经常问的点，结合场景会比较好
from just-react.
linsi123
commented on July 17, 2024
useEffect官网说是在浏览器渲染页面后执行的；你这里说是在commit阶段执行
from just-react.
BetaSu
commented on July 17, 2024
useEffect官网说是在浏览器渲染页面后执行的；你这里说是在commit阶段执行
可以去了解下 commit阶段做的事情，这两种说法不冲突
from just-react.
linsi123
commented on July 17, 2024
为什么reconciler的mount要生成子fibre，而不是生成当前的fibre
from just-react.
BetaSu
commented on July 17, 2024
为什么reconciler的mount要生成子fibre，而不是生成当前的fibre
书里有讲。
另外，useLayoutEffect Demo 更新了，关闭本issue
from just-react.
linsi123
commented on July 17, 2024
看不懂，能加你微信吗
from just-react.
Related Issues (20)
- 打包react、scheduler、react-dom环节报错
- 理念篇 - React15 架构 的疑问 HOT 2
- 关于 Fiber 架构的心智模型 的疑惑
- effect list 工作机制 更新了 HOT 4
- coomitRoot阶段layout阶段阐述存疑
- 建议对文本文件开启 gzip HOT 1
- beginWork和completeWork的疑问
- 异步可中断的文档建议更新上去，不然有什么意义，一篇完整的教程应该全
- 关于React18的想法（催更） HOT 1
- 【开源自荐】每日更新的前端面试题库 HOT 2
- 2023年了，文章的内容还适用吗？ HOT 1
- Scheduler 优先队列表述问题 HOT 1
- Scheduler队列设计疑问 HOT 1
- 关于极简react的useStateDemo的问题
- Is there an english translation of just react book HOT 2
- react version effectList HOT 2
- React技术揭秘 海外用户如何注册和付费
- 关于 Fiber 和 React Virtual DOM 的概念 HOT 2
- 实现篇 - 第七章 Hooks - 极简 Hooks 实现 - update 树结构： 增加更详细的环形链表说明 HOT 2
- 关于理念篇-新的React架构 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from just-react.