HOOK学习路径

1,250 阅读1分钟

NodeNotereact相关库源码浅析react ts3 项目

HOOK学习路径

第一阶段:基础

  • 首先通过HOOK简介了解HOOK
    1. HOOK是在函数组件中使用的,和类组件的关系
    2. HOOK出现的动机,解决如下几个方面:在组件之间复用状态逻辑很难复杂组件变得难以理解难以理解的 class
  • 深刻理解Hook 规则
  • 熟悉useState的用法
  • 熟悉useEffect的用法,体会是如何解决复杂组件变得难以理解Hook 将组件中相互关联的部分拆分成更小的函数(比如设置订阅或请求数据)
  • 熟悉自定义HOOK的用法,体会如何解决``:在组件之间复用状态逻辑很难Hook 使你在无需修改组件结构的情况下复用状态逻辑。

第二阶段:进阶

  • 通过Hook API 索引
    1. 回顾useState以及useEffect
    2. 熟悉useContext与useReducer的配合使用
    3. 熟悉作为优化手段的useCallback以及useMemo的用法与使用场景
    4. 熟悉useRef与useLayoutEffect的用法与使用场景
    5. 了解useImperativeHandle与useDebugValue的用法
  • 细读Hooks FAQ

第三阶段:高阶

第四阶段:实战