前情概要 本文不打算过多讲述Immer原理，喜欢深究的小伙伴可以参考这篇文章 immer原理 举一个简单例子 如果你的 state 嵌套很深，您可能需要考虑将其扁平化，但是如果你不想更改 state

您可以根据需要在单个组件中混合使用 `useState` 和 `useImmer`。Immer 是保持更新处理程序简洁的好方法，特别是如果您的状态中有嵌套，并且复制对象

前言 性能优化一直是我们关心的问题，这一块也比价大，今天我们就先看一下react的一些hooks怎么来优化组件。 memo、useMemo、useCallback的基本用法 memo React.me

什么是useCallback 和 useMemo？ 先说结论 useCallback 和 useMemo 都可缓存函数的引用或值，但是从更细的使用角度来说 useCallback 缓存函数的引用。

May this day be your last day in useMemo and useCallback hell !

useCallBack 我们先来看看react官方文档的解释 useCallback钩子接收两个参数 内联回调函数 和 依赖数组。它将返回该回调函数的memoized函数。该回调函数仅在某个依赖项改变

react hook面世已经有一段时间了，相信很多人都已经在代码中用上了hooks。而对于 useEffect 和 useLayoutEffect，我们使用的最多的应该就是useEffect。那他们两个到底有什么不一样的地方？ 这两个函数的使用方式其实非常简单，他们都接受一个函…

useLayoutEffect 和 useEffect 的结构、功能相同，区别只是它们在事件循环中的调用时机不同。 useEffect useEffect 的回调函数是【异步宏任务】，在下一轮事件循环

useLayoutEffect、useEffect执行顺序以及应用场景...............