一个简单、可扩展且强大的架构,用于构建生产级别的 React 应用程序。

186 阅读3分钟

Bulletproof React 🛡️ ⚛️

声明: 该文章是对Github优秀项目推荐介绍,如有侵权请联系作者删除

MIT 许可证 CI

一个简单、可扩展且强大的架构,用于构建生产级别的 React 应用程序。

介绍

React 是一个出色的构建前端应用程序的工具。它拥有一个多样化的生态系统,包含数百个出色的库,可以满足你可能需要的几乎任何需求。然而,被迫做出如此多的选择可能会让人不知所措。React 也非常灵活,你可以以任何你喜欢的方式编写 React 应用程序,但这种灵活性也带来了代价。由于没有预定义的架构,开发人员往往会导致代码库混乱、不一致和过于复杂。

这个仓库尝试展示一种使用生态系统中的一些最佳工具来创建 React 应用程序的方法,并提供一个非常适合扩展的良好项目结构。根据我在不同代码库中工作的经验,这种架构证明是最有效的。

这里的目标是作为开发 React 应用程序时的一系列资源和最佳实践的集合。它旨在展示如何以一种实用的方式解决应用程序中的大多数实际问题,并帮助开发人员编写更好的应用程序。

请随意探索示例应用程序的代码库,以从中获得最大的价值。

什么使一个 React 应用程序“防弹”?

这个仓库并不打算成为所有 React 应用程序的万能灵药,因为有许多不同的用例,但它试图提供一个构建应用程序的坚实基础,基于以下原则:

  • 易于上手
  • 简单易懂且易于维护
  • 使用合适的工具
  • 应用程序不同部分之间的清晰边界
  • 团队中的每个人在处理事情上保持一致
  • 安全性
  • 性能
  • 代码库和团队规模上的可扩展性
  • 尽早检测到问题

免责声明:

这不是一个模板、样板代码或框架。这是一个主观的指南,展示了如何以某种方式做某些事情。你不必完全按照这里展示的内容来做,决定什么对你和你的团队最有效,并与自己的风格保持一致。

为了获得最大的收益,不要被这个示例应用程序中使用的技术所限制,而是专注于所展示的原则和概念。这里使用的工具和库只是一个建议,你可以随时用更适合你需求的东西替换它们。有时,你的项目可能需要稍微不同的方法,那完全没问题。

目录:

贡献

欢迎任何形式的贡献!如果你有任何想法、建议或修复,请随时贡献。你可以按照以下步骤进行:

  1. 克隆这个仓库
  2. 创建一个分支:git checkout -b your-feature
  3. 做一些更改
  4. 测试你的更改
  5. 推送你的分支并打开一个 Pull Request

许可证

MIT