React Context 重渲染拖垮列表后,我把状态迁到了 Zustand 和 Pinia
一个后台管理系统,订单列表页在 React Context 方案下每次筛选要重渲染 1200+ 个组件,交互延迟从 80ms 涨到 640ms。我把全局状态拆成 Zustand(React 18.2)和 Pinia(Vue 3.4)两套实现,迁移后首屏可交互时间从 2.4s 降到 1.1s,筛选响应稳定在 90ms 以内。这篇文章记录了方案对比、迁移步骤、踩过的坑和真实的 Performance

一名专注于软件开发的工程实践者。日常记录架构设计、代码实现与工程实践和项目中的问题解决过程;坚持先理解原理,再讨论工具,也会分享值得长期使用的工具与工作方法。