跳到正文
掘金 · AI 编程· ryn48398·· 3 小时前AI 评分20

React 状态该放哪:Zustand、Service 与 useState 的分工实践

02 状态到底该放哪:Zustand、Service 和 useState 的分工

AI 导读

重写代码时把状态规则定为三条:跨组件共享的放 Zustand store,高频变化的消息列表放普通 class 并用 useSyncExternalStore 接入 React,只在一棵组件树内用的才用 useState。作者踩过的坑是把打字动画放在 service 里,每 30 毫秒向全局 MessageStore 写一次,导致整个列表反复重渲染。

来源:掘金 · AI 编程 · juejin.cn