如何编写React中常见的TypeScript类型定义实现实战教程？

本文共计1827个文字，预计阅读时间需要8分钟。

目录+一+引言+二+什么是调和+三+什么是FFilber+四+实现调和的过程+五+总结+一+引言+Fiber+架构是React16中引入的新概念，旨在解决大型React应用的卡顿问题，React在遍历更新每个节点时，会利用Fiber架构进行优化。

目录

• 一 引沿
• 二 什么是调和
• 三 什么是Filber
• 四 实现调和的过程
• 五 总结

一 引沿

Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是采用虚拟DOM，所以可以理解成fiber就是React的虚拟DOM，更新Fiber的过程叫做调和，每一个fiber都可以作为一个执行单元来处理，所以每一个 fiber 可以根据自身的过期时间expirationTime，来判断是否还有空间时间执行更新，如果没有时间更新，就要把主动权交给浏览器去渲染，做一些动画，重排（ reflow ），重绘 repaints 之类的事情，这样就能给用户感觉不是很卡。

二 什么是调和

调和是一种算法，就是React对比新老虚拟DOM的过程，以决定需要更新哪一部分。