blog icon indicating copy to clipboard operation
blog copied to clipboard
verified publisher icon nanyang24

Deep dive into React Fiber

Open nanyang24 opened this issue 5 years ago • 2 comments

https://nanyang.io/post/deep-dive-into-react-fiber

前端本质上是人机交互的界面层，UI 层是用户直接面对的第一要素

不同前端框架的实质是实现不同的 f ，将 state（状态）转成对应稳定的 UI

那么需要考虑如何去实现 f，不同框架虽有不同的实现路径，但目标是一致的：

  1. 设计符合框架本身处理方式的 Interface，降低心智负担（DX）
  2. 高效渲染（UX）

由于大多数屏幕的刷新率为 60Hz，因此在使用 Web....

Gitalk_https://nanyang.io/post/deep-dive-into-react-fiber

nanyang24 avatar Dec 17 '20 08:12 nanyang24

学到了很多，请问博主如何看待 React 源码中调度优先级使用 lane 取代 expirationTime 的，能出一期博客讲讲嘛

dmy147 avatar Dec 20 '20 15:12 dmy147

@dmy147 学到了很多，请问博主如何看待 React 源码中调度优先级使用 lane 取代 expirationTime 的，能出一期博客讲讲嘛

感谢阅读。

以我的理解，重构 react-reconciler 中描述 fiber 的优先级，主要是为了完全支持 Suspense 所达到的能力，Lanes 模型的表达能力支持并发调度不同优先级的多个任务

详细的话可以看这个 PR

nanyang24 avatar Dec 21 '20 08:12 nanyang24