最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

这篇文章从React Fiber架构的原理和源码入手，为你织开一面关于Fiber架构的基础知识网络。

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

React传送门Portals是一个非常有意思的实现，尽管React Portals可以被放置在DOM树中的任何地方，但在任何其他方面，其行为和普通的React子节点行为一致。

useReducer作为 React 的一部分，尤其适合中小型应用或组件级状态管理。本文把useReducer的用法和注意项完整的讲解了一遍，帮助你完全掌握useReducer。

同时，也为了让 FunctionalComponent 也拥有 ClassComponent 的一些特性。 不能将 hooks 放在循环、条件语句或者嵌套方法内。react 是根据 hooks 出现顺序来记录对应状态的。 只在 function 组件和自定义 hooks 中使用…