Merge pull request #90 from LienJack/main

feat: 添加react hook

README.md

@@ -35,16 +35,17 @@
 
 ## 📖 目录
 
-- [🔥 这是什么？](#-这是什么)
-- [💻 如何使用](#-如何使用)
-- [如何获取本仓库资料](#如何获取本仓库资料)
-- [📖 目录](#-目录)
-- [如何高效自学](#如何高效自学)
-- [书籍推荐](#书籍推荐)
+- [Fucking Frontend](#fucking-frontend)
+  - [🔥 这是什么？](#-这是什么)
+  - [💻 如何使用](#-如何使用)
+  - [如何获取本仓库资料](#如何获取本仓库资料)
+  - [📖 目录](#-目录)
+  - [如何高效自学](#如何高效自学)
+  - [书籍推荐](#书籍推荐)
     - [初级](#初级)
     - [进阶](#进阶)
     - [高级](#高级)
-- [前端核心学习路径](#前端核心学习路径)
+  - [前端核心学习路径](#前端核心学习路径)
     - [前端核心三板斧](#前端核心三板斧)
     - [JS](#js)
       - [数据类型](#数据类型)
@@ -52,10 +53,10 @@
       - [类型转换](#类型转换)
       - [this](#this)
       - [闭包](#闭包)
-    - [变量提升](#变量提升)
       - [作用域](#作用域)
       - [原型](#原型)
       - [new](#new)
+      - [变量提升](#变量提升)
       - [Class(类)](#class类)
       - [继承](#继承)
       - [模块化](#模块化)
@@ -74,32 +75,33 @@
       - [Flex](#flex)
       - [grid](#grid)
       - [其他](#其他)
-- [浏览器](#浏览器)
-- [性能优化](#性能优化)
-- [框架](#框架)
+  - [浏览器](#浏览器)
+  - [性能优化](#性能优化)
+  - [框架](#框架)
     - [虚拟 DOM](#虚拟-dom)
-- [React](#react)
+  - [React](#react)
     - [合成事件](#合成事件)
     - [如何编写一个组件](#如何编写一个组件)
     - [受控组件和非受控组件](#受控组件和非受控组件)
     - [高阶组件（HOC）](#高阶组件hoc)
+    - [React Hooks](#react-hooks)
     - [原理](#原理)
-- [Vue](#vue)
-- [TypeScript](#typescript)
-- [Electron](#electron)
-- [组件库](#组件库)
-- [微前端](#微前端)
-- [跨端框架](#跨端框架)
-- [监控](#监控)
-- [面试](#面试)
-- [日常充电](#日常充电)
+  - [Vue](#vue)
+  - [TypeScript](#typescript)
+  - [Electron](#electron)
+  - [组件库](#组件库)
+  - [微前端](#微前端)
+  - [跨端框架](#跨端框架)
+  - [监控](#监控)
+  - [面试](#面试)
+  - [日常充电](#日常充电)
     - [CSS](#css-1)
-- [Github 优秀学习资料](#github-优秀学习资料)
+  - [Github 优秀学习资料](#github-优秀学习资料)
     - [JS](#js-1)
     - [代码样式及安全](#代码样式及安全)
-- [生产力工具](#生产力工具)
+  - [生产力工具](#生产力工具)
     - [流程图](#流程图)
-- [作者信息](#作者信息)
+  - [作者信息](#作者信息)
 
 ## 如何高效自学
 
@@ -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