🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
Bulletproof React 🛡️ ⚛️
一套简洁、可扩展且功能强大的架构,助力构建生产级 React 应用。
简介
React 是构建前端应用的出色工具。它拥有丰富的生态系统,数以百计的优秀库几乎能满足你所有需求。然而,被迫做出如此多的选择可能会让人不知所措。React 也非常灵活,你可以用任何喜欢的方式编写 React 应用,但这种灵活性是有代价的。由于没有预定义的架构供开发人员遵循,这往往会导致代码库变得混乱、不一致且过度复杂。
本仓库旨在提供一种使用生态系统中部分最佳工具创建 React 应用的方法,并采用可良好扩展的项目结构。基于我在众多不同代码库上的工作经验,这种架构被证明是最有效的。
此处的目标是作为开发 React 应用时的资源和最佳实践集合。它旨在以实用的方式展示如何解决应用的大多数实际问题,并帮助开发人员编写更好的应用。
为了充分利用本仓库的价值,建议你探索示例应用的代码库。
🤝 正在寻求帮助在贵公司实施这些模式? 联系我们
什么样的 React 应用才能称得上“坚不可摧”?
本仓库并非旨在成为所有 React 应用的万能解决方案,因为存在许多不同的使用场景,但它尝试基于以下原则为构建应用提供坚实的基础:
- 易于上手
- 简单易懂且便于维护
- 选用适合工作的工具
- 应用不同部分之间界限清晰
- 团队中每个人都对做事方式达成共识
- 安全可靠
- 性能优良
- 在代码库和团队规模方面具有可扩展性
- 问题尽早发现
免责声明:
这并非一个模板、样板代码或框架。它是一个带有个人观点的指南,展示了如何以特定方式完成某些事情。你不必完全按照这里展示的方式做所有事情,选择对你和你的团队最有效的方法,并保持风格的一致性。
为了充分利用本指南,不要局限于示例应用中使用的技术,而应关注这里所呈现的原则和概念。这里使用的工具和库只是建议,你始终可以用更符合你需求的工具替代它们。有时,你的项目可能需要略微不同的方法,这完全没问题。
目录:
贡献
我们始终欢迎贡献!如果你有任何想法、建议或修复,都可以参与贡献。你可以通过以下步骤进行:
- 克隆本仓库
- 创建分支:
git checkout -b your-feature - 执行
yarn prepare脚本。 - 进行一些修改
- 测试你的修改
- 推送你的分支并打开一个 Pull Request
许可协议
Introduction
🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.