使用 useState、useReducer、useContext 创建的状态，都是可读不可变的，一旦更新就会触发组件的重新渲染。但是实际开发过程中你经常需要一些不希望引起组件重新渲染的状态、并且希望

开发 React 组件中，有时会碰到同步状态的问题，就是当 prop 变化时调整组件的 state 值。

前言 React 16 之后，推出了 Fiber 架构，而 Fiber 具体是个什么东西，有很多优秀的文章进行解读，而本文在学习了各个大佬的文章后，尽力以最通俗易懂过的话来解释 Fiber。

如今的 React 几乎是函数式组件 + hooks 的天下。那你真的懂得 hooks 底层原理吗？

前言 「react key」相关问题几乎是面试的老生常谈了。也许你会说这是面试的八股文问题而已，有什么好说的。但是，实际上，正确去理解它对日常的开发工作还是有帮助的。一来能够帮助我们避免踩到坑里面，二

Hook 简介 Hook出世之前React存在的问题 在组件之间复用状态逻辑很难 React 没有提供将可复用性行为“附加”到组件的途径（例如，把组件连接到 store）。有一些解决此类问题的方案，比

所有知识点都使用函数组件+class组件实现了一遍，附大量GIF图+demo，一看便知，适合学习也适合面试

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO