防弹 React 🛡️ ⚛️
一个简单、可扩展且强大的架构,用于构建生产就绪的 React 应用程序。
简介
React 是构建前端应用程序的优秀工具。它拥有丰富的生态系统,有数百个优秀的库可以满足你几乎所有的需求。然而,被迫做出如此多的选择可能会让人感到不知所措。它也非常灵活,你可以以任何喜欢的方式编写 React 应用程序,但这种灵活性是有代价的。由于没有预定义的架构供开发人员遵循,这往往会导致杂乱、不一致和过于复杂的代码库。
本仓库试图提供一种使用生态系统中一些最佳工具创建 React 应用程序的方法,采用良好的项目结构,可以很好地扩展。基于我在多个不同代码库中工作的经验,这种架构被证明是最有效的。
这里的目标是作为开发 React 应用程序时的资源和最佳实践集合。它旨在以实用的方式展示如何解决应用程序中大多数现实世界的问题,并帮助开发人员编写更好的应用程序。
请随意探索示例应用程序的代码库,以获得最大价值。
什么使 React 应用程序"防弹"?
这个仓库并不旨在成为所有 React 应用程序的万能解决方案,因为存在许多不同的用例,但它试图基于以下原则为构建应用程序提供坚实的基础:
- 易于上手
- 易于理解和维护
- 为工作使用合适的工具
- 应用程序不同部分之间有明确的界限
- 团队中的每个人在如何完成工作方面都保持一致
- 安全性
- 性能
- 在代码库和团队规模方面的可扩展性
- 尽早发现问题
免责声明:
这不是一个模板、样板或框架。这是一个有主见的指南,展示如何以某种方式完成某些事情。你不必完全按照这里所展示的方式做每件事,决定什么最适合你和你的团队,并保持风格的一致性。
为了充分利用它,不要局限于此示例应用中使用的技术,而应关注这里呈现的原则和概念。这里使用的工具和库只是建议,你可以随时用更适合你需求的东西替换它们。有时,你的项目可能需要稍微不同的方法,这完全没问题。
目录:
贡献
欢迎随时贡献!如果你有任何想法、建议或修复,欢迎贡献。你可以通过以下步骤进行贡献:
- 克隆此仓库
- 创建一个分支:
git checkout -b your-feature
- 进行一些修改
- 测试你的修改
- 推送你的分支并开启一个拉取请求