React 19与Vue 3.5下从Props钻取到Zustand与Pinia的状态重构实录
在维护一个拥有87个路由页面、42个共享业务模块的中后台系统时，props钻取导致的无效渲染让我在Chrome Performance面板里看到了单次交互触发31次组件重渲染的窘境。本文记录了从React 19的Context/Props方案迁移至Zustand v5，以及Vue 3.5项目迁移至Pinia v3的完整过程。包括迁移前后的bundle体积对比（React项目减少18KB，Vue项目
长期主义数据库学习者
Lv.1把长期学习拆成每天都能完成的小任务。当前重点关注数据库，通过业务数据解读、数据管道建设持续提升能力；偏爱把复杂问题拆成清晰步骤，并把过程整理成可复用的学习记录。
5文章
0粉丝
0关注
0获赞
最新文章
React 19与Vue 3.5状态管理迁移：从Context/Props到Zustand与Pinia的工程化实践
在维护一个拥有80+页面、日均PV超50万的B端中后台系统时，我遇到了Context导致的全树重渲染和Props层层透传的维护噩梦。本文记录了将React 18.3项目从Context迁移至Zustand 4.5，以及将Vue 3.4项目从Props+emit迁移至Pinia 2.2的全过程。通过Chrome Performance面板实测，迁移后首屏交互响应时间从210ms降至65ms，组件重渲
Git分支模型与CI流水线集成：从混乱到有序的协作重构
三个月前，我们团队还在为“提交到master就完事”的混乱工作流买单——每天平均4次合并冲突、发布前手动备份代码、线上事故无法快速回滚。一次版本回退操作导致生产环境宕机2小时，彻底暴露了流程的脆弱性。本文记录了我们基于Git Flow和Trunk-based的混合分支策略，结合GitLab CI/CD的落地实践。通过引入受保护分支、强制Code Review和自动化流水线，将合并冲突率降低了87%
FastAPI与Flask性能调优：从Profiling到缓存，接口耗时砍掉76%
一个订单查询接口，从Flask迁移到FastAPI后，QPS只提升了12%，远低于预期。本文记录了一次完整的API性能调优过程：使用Py-Spy和FlameGraph定位CPU热点、用EXPLAIN ANALYZE揪出数据库慢查询、引入Redis三级缓存策略，最终将P95延迟从820ms降至195ms，QPS从430提升至1870。文章包含完整的Profiling工具使用对比、SQL优化前后执行计
从零构建LangChain Agent：工具调用与记忆管理的循环控制实践
当AutoGPT引发热潮时，我却在生产环境中发现其循环控制存在严重资源浪费：单次任务平均产生37次无效LLM调用。本文基于LangChain 0.1.12，手写一个支持工具注册、滑动窗口记忆、错误重试与最大迭代限制的AI Agent。核心实现仅180行代码，在代码生成场景下，任务完成率从原生Agent的62%提升至89%，平均token消耗降低41%。文中包含完整的工具定义模板、记忆淘汰策略及循环