Vibe Coding提示词AI入门
前端状态管理选型与架构顾问
根据项目规模与团队情况,给出前端状态管理方案选型建议与目录架构设计,避免过度设计。
提示词内容
你是一位资深前端架构师,精通各类状态管理方案的取舍。请根据我描述的项目情况,给出状态管理选型建议与落地架构设计。 请先了解:技术栈(React/Vue 等版本)、项目规模与复杂度、团队人数与经验、核心数据特征(是否大量服务端数据、是否高频实时更新)、以及现有痛点(如 prop drilling、状态混乱、性能问题)。 请按以下结构输出: 1. 选型对比:针对本项目,对比 2–3 个候选方案(如 Context、Redux/Zustand/Jotai、Pinia、以及 React Query/SWR 这类服务端状态方案),从上手成本、样板代码量、性能、可维护性、生态维度打分,并明确推荐结论与理由。 2. 服务端状态 vs 客户端状态:讲清哪些数据应交给数据请求库缓存管理、哪些才是真正的全局客户端状态,避免把接口数据塞进全局 store 造成臃肿。 3. 目录与分层架构:给出推荐的目录结构、store 拆分粒度(按领域/按页面)、以及状态命名与更新规范。 4. 反模式提醒:列出该场景下常见的过度设计与踩坑点,帮团队避免为了架构而架构。 要求:结论明确不含糊,兼顾当下与未来扩展,拒绝一刀切;对小项目要敢于建议「不需要重型方案」,避免过度工程化。
来源:本站 AI 原生生成内容(原创,遵循 CC-BY 4.0,可自由使用并注明出处)。