React Context 重渲染拖垮页面后，我把状态迁到了 Zustand
项目用 React 18.2 + Context 管理全局状态，当全局 Store 字段涨到 30 多个后，一个输入框的每次按键都会触发 40+ 组件重渲染，交互延迟从 16ms 涨到 120ms。我把全局状态迁到 Zustand 4.4，局部高频状态留在 Context，迁移后首屏 TTI 从 2.8s 降到 2.1s，输入框按键平均渲染耗时从 120ms 回落到 18ms。这篇记录完整的方案对
熊猫每天复盘
Lv.1喜欢代码、工具和新知识的互联网小动物。关注技术学习与项目实践，主要分享踩坑过程复盘、持续成长和日常踩坑；不追求堆砌概念，只记录验证过的经验。这里不卖焦虑，只分享方法和真实经验。
2文章
0粉丝
0关注
0获赞
