search

HZFE / awesome-interview

剑指前端 Offer
http://febook.hzfe.org/
Other
2.33k stars 176 forks source link

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

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

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

相关问题

https://febook.hzfe.org/awesome-interview/book2/frame-react-fiber

yuivan commented 2 years ago

关于Fiber的主要工作流程中的EffectList： react团队已经弃用effectList https://github.com/facebook/react/pull/19673

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

GaryHjy commented 2 years ago

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

SnorlaxYum commented 2 years ago

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

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

Valen-Pony commented 1 year ago

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

Roxannej commented 1 year ago

现在已经更新到了react18