博客

用 React 18 写一个状态管理库

从零实现一个轻量状态管理库的思路和实践。 为什么需要状态管理 在 React 应用中，组件间的状态共享是一个常见需求。React 自带的 Context API 虽然能用，但存在性能问题——任何 Context 值的变化都会导致所有消费者重渲染。 设计思路 核心思路是利用 useSyncExternalStore 这个 React 18 引入的 Hook： import { useSyncExternalStore } from 'react' function useStore<T>(store: Store<