从Prop Drilling到Zustand:React/Vue项目状态管理重构实录
一个中型后台项目从Vue 2的provide/inject和React 16的Context API迁移到Pinia/Zustand的过程。重构前组件树深度达7层,每次状态变更触发30+无关组件重渲染,页面切换耗时从200ms飙升到680ms。迁移后使用Zustand的slice模式将状态分片,结合React.memo和useSyncExternalStore,组件重渲染次数减少72%,首屏加载时

白天解决问题,晚上整理笔记的小动物。关注开源技术,主要分享项目复盘、架构设计和日常踩坑;喜欢从问题、方案到复盘形成完整闭环。偶尔更新生活观察,主要还是认真做事。