代码来源：reactuse/useWindowSize Demo地址：https://www.reactuse.com/element/useWindowSize 在 React 开发中，我们经常需要

前言 在 React 开发中，我们经常需要处理副作用（side effects）。React 提供了两个主要的 Hook 来处理副作用：useEffect 和 useLayoutEffect。虽然它们

## 引言 在React开发中，自定义Hook已成为复用逻辑的利器。ahooks作为国内最受欢迎的React hook库。

订阅 zustand 的 subscribe，可以订阅一个状态，当状态变化时，会触发回调函数。 订阅一个状态 只要store 的 state 发生变化，就会触发回调函数，另外就是这个订阅可以在组件内部

状态简化 回忆一下我们在使用zustand时，是这样引入状态的(如下),通过解构的方式引入状态，但是这样引入会引发一个问题，例如A组件用到了 hobby.basketball 状态，而B组件 没有用到

前言：90% 的性能问题，都不是代码写得不优雅，而是机制没理解透 很多人写 React 写了几年，一看项目性能拉垮就开骂“React 慢”、“虚拟 DOM 垃圾”。但其实问题大多数出在下面几个地方：

—— 从原理到实践，拒绝无效优化 🌟 开篇：为什么React应用会变慢？ React的虚拟DOM机制并非银弹，以下场景会引发性能问题： 过度渲染：父组件状态变化触发所有子组件重渲染 重型计算：复杂数据

前言 Zustand 是一个轻量且高性能的 React 状态管理工具，依赖简单的 Hook 与订阅机制来管理与更新状态，不必像 Redux 那样需要定义复杂的 actions 和 reducers

什么是 Context 嵌套地狱？ Context 嵌套地狱是指 React Context Provider 的多层嵌套，类似于前端问题中的 回调地狱 一样，但其实我们一行代码就可以解决这个问题！