大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

这篇文章为你答疑解惑，为大家介绍 useMemo 和 useCallback 这两个 Hook 的具体作用，它们的实现原理以及在实际开发中如何应用。

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber

基于 React 18 版本讲解 React Hooks 原理。配合录制的 debug 视频，带大家详细理解 Hooks 在 Fiber 中的运行机制、状态保存逻辑和常见的关于 Hook 的问题。

diff 算法? 把树形结构按照层级分解，只比较同级元素 给列表结构的每个单元添加唯一的 key 属性，方便比较 React 只会匹配相同 class 的 component(这里面的 class 指

React 如何创建一个react的项目（使用脚手架） 安装cr脚手架：npm install -g create-react-app 进入文件夹：create-react-app 项目名称 进入项目