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