前端经典面试题合集, React.memo 和 useMemo 的用法是什么,有哪些区别?

React.useCallback() 是一个用于缓存函数实例的 Hook，避免在组件重新渲染时生成新的函数实例。它与 useMemo() 的不同之处在于，useCallback() 缓存的是函数，而 useMemo() 缓存的是函数的返回值。

React.PureComponent 是类组件的一种，用于进行浅比较 props 和 state 的变化，从而决定是否重新渲染组件。如果 props 和 state 没有变化，则跳过渲染过程。它有助于性能优化，因为减少了不必要的渲染。

useEffect() Hook 用于在函数组件中执行副作用操作，如数据获取或订阅。为了避免不必要的副作用，可以传入一个依赖数组作为第二个参数，只有当依赖数组中的值发生变化时，才会重新执行副作用。

useReducer() 是一个 React Hook，用于替代 useState 管理更复杂的 state 逻辑。它接收一个 reducer 函数和一个初始 state，返回当前 state 及其配套的 dispatch 函数。适用于包含多个子值的复杂 state 或根据 state 逻辑决定的更新。

代码分割是通过动态导入（import）和 React.lazy() 实现的，它允许你将大型应用程序拆分成更小的块，在需要时再加载。React.Suspense 组件可以在加载过程中显示一个后备界面，从而提升应用性能。