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.

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

Deep dive into React Fiber #106

Open
nanyang24 opened this issue Dec 17, 2020 · 2 comments
Open

Deep dive into React Fiber #106

nanyang24 opened this issue Dec 17, 2020 · 2 comments

Comments

@nanyang24
Copy link
Owner

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

@dmy147
Copy link

dmy147 commented Dec 20, 2020

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

@nanyang24
Copy link
Owner Author

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

感谢阅读。

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

详细的话可以看这个 PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants