04
用配置而非复制来搭建下一个区域产品。
约束条件
数十个区域性 GIS 产品重复着相似的 UI 与数据模式,反复实现拖慢了交付速度,也让一致性变得昂贵。
工程决策
基于 Feature-Sliced Design 构建了一套集中式 React 架构,包含 100 多个在 Storybook 中归档的可复用组件,并围绕它统一了 TypeScript 规范、主题、基于角色的模式、代码检查与测试实践。
结果
类似功能的实现工作量最多减少 50%;一些以前需要约一个月的上线周期,现在缩短到大约一周。
ReactTypeScriptFeature-Sliced DesignStorybookVitestPlaywright
100+个可复用组件
1 month → 1 week次类似实现