react-hooks

react-hooks

• react-hooks 是react16.8以后，react新增的钩子API，目的是增加代码的可复用性，逻辑性，弥补无状态组件没有生命周期，没有数据管理状态state的缺陷。
• react-hooks 思想和初衷，也是把组件，颗粒化，单元化，形成独立的渲染环境，减少渲染次数，优化性能。

主要 API

• useState、useRef、useReducer、useMemo、useLayoutEffect、useEffect、useContext、useCallback

为什么要使用hooks

• react-hooks 可以让我们的代码的逻辑性更强，可以抽离公共的方法，公共组件。
• react-hooks 思想更趋近于函数式编程。用函数声明方式代替 class 声明方式，虽说 class 也是 es6 构造函数语法糖，但是 react-hooks 写起来更有函数即组件，无疑也提高代码的开发效率。
• react-hooks可能把庞大的class组件，化整为零成很多小组件，useMemo等方法让组件或者变量制定一个适合自己的独立的渲染空间，一定程度上可以提高性能，减少渲染次数。