今天刷论坛，看到有人在讨论“fiber是什么意思”，我寻思这玩意儿我熟，之前捣鼓React的时候可没少跟它打交道。不过时间长，有点记不清，就想着干脆再捋一遍，顺便也记录下来，以后再遇到类似的问题，直接翻出来看看就行。
我先去搜一下“fiber”这个词的本意。还真有意思！
- 纤维：这个好理解，就是那种细细长长的东西，比如衣服、绳子都是由纤维组成的。
- 质地：这个也跟纤维有关，不同的纤维组合在一起，就形成不同的质地，比如丝绸摸起来滑滑的，麻布摸起来就比较粗糙。
- 光纤：这个就更厉害，现在咱们上网都靠它，速度快得很！
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
看到这里，我大概有点感觉，React 里面的 Fiber 肯定跟这个“纤维”的意思有点关系。你想，React 要处理那么多组件，每个组件又可能有自己的状态和逻辑，这要是没有一个好的机制来管理，那还不乱套？
然后我又去搜一下“React Fiber”，这下就更清楚。简单来说，它就是 React 内部的一种新的协调机制。啥叫协调机制？就是说，React 要怎么把这些组件一个个地渲染到页面上，而且还要保证性能，不能卡顿。这可不是个容易的事儿！
以前的 React 版本，这个协调过程是比较“粗暴”的，一旦开始渲染，就停不下来，直到把整个组件树都渲染完。这要是组件树很大，或者某个组件的逻辑很复杂，那就很容易卡住，用户体验就非常差。
Fiber 出现后，这个问题就好多。它把整个渲染过程切成很多个小任务，每个小任务就像一根“纤维”一样，可以随时中断，也可以随时恢复。这样，React 就可以更灵活地控制渲染过程，比如优先渲染用户能看到的部分，或者把一些耗时的任务放到后台慢慢处理，这样用户就不会感觉到卡顿。
Fiber 大概做这么几件事
- 把一个大的渲染任务拆成很多个小任务。
- 可以给这些小任务排优先级，重要的先做。
- 可以随时中断一个任务，去做更重要的事。
- 等重要的事做完，再回来继续之前的任务。
这么一搞，React 就变得更流畅、更高效。我记得之前做过一个项目，页面上有个很复杂的表格，用老版本的 React，滚动的时候会卡卡的，后来升级 React 版本，用 Fiber，就流畅多。看来这玩意儿还真不是吹的！
这回重新梳理一下 Fiber，感觉收获还是挺大的。以后再遇到类似的问题，我就不用再到处去搜，直接看这篇笔记就行。而且把这些知识记录下来，也算是对自己学习过程的一个以后回过头来看，也能看到自己成长的轨迹，想想就挺有成就感的！
