Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

React Fiber 的作用和原理 | HZFE - 剑指前端 Offer #41

Open
utterances-bot opened this issue Oct 26, 2021 · 5 comments
Open

React Fiber 的作用和原理 | HZFE - 剑指前端 Offer #41

utterances-bot opened this issue Oct 26, 2021 · 5 comments
Assignees
@yola-0316

Comments

@utterances-bot
Copy link

React Fiber 的作用和原理 | HZFE - 剑指前端 Offer

相关问题

https://febook.hzfe.org/awesome-interview/book2/frame-react-fiber
@yuivan utterances
Copy link

yuivan commented Oct 26, 2021

关于Fiber的主要工作流程中的EffectList：
react团队已经弃用effectList
facebook/react#19673

在commit阶段会遍历fiber树进行更新，通过subtreeFlags做遍历时的优化

Akiq2016 pushed a commit that referenced this issue Nov 14, 2021
@Daryl-L
平衡二叉树 (#41)
296ff94
@GaryHjy utterances
Copy link

GaryHjy commented Nov 21, 2021

Fiber 的主要工作流程 第2点”并且构建 WokeInProgress Tree（reconciliation 阶段）“单词错了。

@SnorlaxYum utterances
Copy link

如果组件树的层级很深，递归更新组件的时间超过 16ms，用户交互就会感觉到卡顿。

这个16ms是如何得出来的，建议写清楚，不同电脑配置的帧率不同，用户会感觉到卡顿所需要的时间也是不同的

@Valen-Pony utterances
Copy link

里面的知识有些过时了，推荐 React 维护者的文章
https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/

@Roxannej utterances
Copy link

现在已经更新到了react18

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@yola-0316 yola-0316

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@yola-0316 @SnorlaxYum @utterances-bot @GaryHjy @yuivan @Roxannej @Valen-Pony