如何构建一个简洁强大且可扩展的React前端项目长尾词架构？

本文共计1747个文字，预计阅读时间需要7分钟。

目录+引言+Bulletproof React 是什么+文件目录如何组织+如何做状态管理+组件状态+应用状态+服务端缓存状态+表单状态+URL 状态+总结+引言+React 技术栈的优势在于社区繁荣，你业务中需要...

目录

• 引言
• Bulletproof React是什么
• 文件目录如何组织
• 怎么做状态管理
• 组件状态
• 应用状态
• 服务端缓存状态
• 表单状态
• URL状态
• 总结

引言

React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。

但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？

本文要介绍一个12.7k的开源项目 —— Bulletproof React

这个项目为构建简洁、强大、可扩展的前端项目架构的方方面面给出了建议。

Bulletproof React是什么

Bulletproof React与我们常见的脚手架（比如CRA）不同，后者的作用是根据模版创建一个新项目。