React在构建高性能前端应用时有哪些最佳实践？

本文共计2923个文字，预计阅读时间需要12分钟。

目录 + 什么是hookuseState + useEffect + useRef + useCallback + useMemo + useContext + useReducer什么是hookReact Hook 是 React 16.8 版本之后新增的特性，通过简单的函数来使用 React 的状态和行为，无需在类组件中管理。

目录

• 什么是hook
• useState
• useEffect
• useRef
• useCallback
• useMemo
• useContext
• useReducer

什么是hook

React Hook是React 16.8版本之后添加的新属性，用最简单的话来说，React Hook就是一些React提供的内置函数，这些函数可以让函数组件和类组件一样能够拥有组件状态（state）以及进行副作用（side effect）

但是不要什么业务都使用hook,请在合适的时候使用hook,否则会造成性能问题.(能不用的时候就不能,当遇到性能不好优化的时候,自然会想到使用它)

useState

它允许函数组件将自己的状态持久化到React运行时的某个地方，这样在组件每次重新渲染的时候都可以从这个地方拿到该状态，而且当该状态被更新的时候，组件也会重渲染。