前言
今日早读文章由
张意政翻译授权分享。张意政,美团前端工程师,兴趣广泛,热爱技术,全才。正文从这开始~~
在React中,变更检测机制被称为reconciliation或rendering,fiber是其最新的实现。由于良好的底层架构,其提供了很多强大的特性,包括非阻塞渲染,按优先级更新,预渲染等,这些特性被称为time-slicing。
除了解决应用开发工程师遇到的问题,这种机制的内部实现在工程角度也有不错的吸引力,其中的很多不错的实践,有助于帮助工程师快速成长。
如果使用Google搜索“ReactFiber”,你会在搜索结果中看到很多文章。但是,除了AndrewClark的笔记外,其他的内容会更加宏观。在本文中,我将参考此资源,并对Fiber中一些特别重要的概念进行详细说明。一旦理解了这些内容,你将有足够的知识来理解LinClark在ReactConf演讲(主要内容是workloop)。
背景Fiber的架构有两个主要阶段:render和