Merge pull request #90 from LienJack/main

feat: 添加react hook

README.md

@@ -35,6 +35,7 @@
 
 ## 📖 目录
 
+- [Fucking Frontend](#fucking-frontend)
   - [🔥 这是什么？](#-这是什么)
   - [💻 如何使用](#-如何使用)
   - [如何获取本仓库资料](#如何获取本仓库资料)
@@ -52,10 +53,10 @@
       - [类型转换](#类型转换)
       - [this](#this)
       - [闭包](#闭包)
-    - [变量提升](#变量提升)
       - [作用域](#作用域)
       - [原型](#原型)
       - [new](#new)
+      - [变量提升](#变量提升)
       - [Class(类)](#class类)
       - [继承](#继承)
       - [模块化](#模块化)
@@ -83,6 +84,7 @@
     - [如何编写一个组件](#如何编写一个组件)
     - [受控组件和非受控组件](#受控组件和非受控组件)
     - [高阶组件（HOC）](#高阶组件hoc)
+    - [React Hooks](#react-hooks)
     - [原理](#原理)
   - [Vue](#vue)
   - [TypeScript](#typescript)
@@ -503,12 +505,22 @@ Virtual DOM 也就是虚拟节点。通过 JS 的 Object 对象模拟 DOM 中的
   - [ ] [hoc 库 recompose](https://github.com/acdlite/recompose)
   - [ ] [精读 React 高阶组件](https://zhuanlan.zhihu.com/p/27434557)
 
+
+### React Hooks
+Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
+- [ ] 文档
+  - [ ] [React Hooks 官方文档](https://zh-hans.reactjs.org/docs/hooks-intro.html)
+- [ ] 推荐文章
+  - [ ] [彻底理解 React hook useCallback和useMemo的区别](https://juejin.cn/post/6844904032113278990)
+  - [ ] [React hooks 最佳实践](https://mp.weixin.qq.com/s/0sykIHDM_Ih3W3md-DwFkw)
+
 ### 原理
 
 - [react-source-code-debug](https://github.com/neroneroffy/react-source-code-debug)，学习如何调试源码
 - [react-illustration-series](https://github.com/7kms/react-illustration-series)，图解 react 源码，用大量配图的方式，致力于将 react 原理表述清楚
 - [just-react](https://github.com/BetaSu/just-react)，「React 技术揭秘」，一本自顶向下的 React 源码分析书
 - [tiny-react](https://github.com/PiNengShaoNian/tiny-react)，基于 React17 精简而来的最小版实现
+- [从Context源码实现谈React性能优化](https://juejin.cn/post/6907546624441090055)
 
 ## Vue