前言

我是谁？

你好，欢迎你来阅读我写的关于React Hook相关的文章。

我是2020年4月才开始接触学习React的，起初摆在我面前的问题是该学习Vue还是React？

网上关于Vue和React，有以下2条论断：
1、Vue相当于扩展了html、而React相当于扩展了js。
2、如果你希望快速构建应用，那么应选择Vue、如果你希望构建复杂的应用，那么应选择React。

在做了一些了解后，我决定选择学习React。不是Vue不好，而是据我了解，国内一线大厂使用React的更多一些。

当我决定开始学习React时，我先下载了一些React视频教程，对React、类组件开发有了基础的掌握，这个时候我接触到了 React Hook，当我稍微深入了解之后，发现 React Hook 函数组件开发才是 React 的最新主流趋势。

备注：React Hook 是 React 2019年2月在16.8版本中才正式发布的。

当我满怀激动准备学习 React Hook 时才发现相关教程非常少。

最具权威的React官方文档翻译腔比较重，对于 Hook 的讲解看了2遍之后依然懵懵懂懂，不明所以。思否、掘金、雀语上面相关的文章不仅少，而且也不系统全面。

此时我通过科学上网，在YouTube上找到了 Codevolution 专栏下的一套 “React Hooks Tutorial” 课程，开始了 React Hook 系统学习。

其中useState、useEffect、useContext、useReducer、useCallback、useMemo、useRef、自定义Hook这些知识都来自这门课程。

后期学习的useImperativeHandle、useLayoutEffect、useDebugValue这些知识来自于 Bitovi 专栏下的 “React Hooks — The Weird Ones” 视频课程。

在学习每一个Hook过程中，通常我是这样进行的：
1、看一遍视频教程
2、看一遍React官网文档
3、敲一遍示例代码
4、遇到理解不了的，去各大技术站点搜索一下
5、最后再以教给别人的口吻，写下对应Hook的教程文章

通过这种方式，我对 React Hook 有了系统的学习，我把我写的教程文章分享出去，如果你正在准备学习 React Hook，希望能够帮助到你。

本系列 React Hook 教程里的观点、思维、解释、代码均出自我个人学习 Hook 之后的感悟和总结，难免有不准确的地方。

甚至个别的地方掺杂了我个人的一些习惯用语和思维模式，对于 hook 的有些概念解释，我使用了自己的语言习惯，这会和React官网文档的解释略有不同，但是这些不同地方我认为是没有问题的。

恰恰是这些不同之处，有助你更加多角度理解 React Hook。

我写的这些教程只能作为你学习React Hook 众多参考资料中的其中一种。

该系列文章没有任何版权，任何人都可以在不注明出处的情况下自由转载。

若有错误欢迎指正，本人微信同QQ (78657141)，或通过邮件联系：yangpuxiao@gmail.com