bulletproof-react:构建生产级React应用的简洁、可扩展且强大的架构

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

Branch6Tags0
This repository is empty
Bulletproof React Logo

Bulletproof React 🛡️ ⚛️

MIT License Next.js App CI Next.js Pages CI React Vite CI

一套简洁、可扩展且功能强大的架构,助力构建生产级 React 应用。

简介

React 是构建前端应用的出色工具。它拥有丰富的生态系统,数以百计的优秀库几乎能满足你所有需求。然而,被迫做出如此多的选择可能会让人不知所措。React 也非常灵活,你可以用任何喜欢的方式编写 React 应用,但这种灵活性是有代价的。由于没有预定义的架构供开发人员遵循,这往往会导致代码库变得混乱、不一致且过度复杂。

本仓库旨在提供一种使用生态系统中部分最佳工具创建 React 应用的方法,并采用可良好扩展的项目结构。基于我在众多不同代码库上的工作经验,这种架构被证明是最有效的。

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

为了充分利用本仓库的价值,建议你探索示例应用的代码库。

🤝 正在寻求帮助在贵公司实施这些模式? 联系我们

什么样的 React 应用才能称得上“坚不可摧”?

本仓库并非旨在成为所有 React 应用的万能解决方案,因为存在许多不同的使用场景,但它尝试基于以下原则为构建应用提供坚实的基础:

  • 易于上手
  • 简单易懂且便于维护
  • 选用适合工作的工具
  • 应用不同部分之间界限清晰
  • 团队中每个人都对做事方式达成共识
  • 安全可靠
  • 性能优良
  • 在代码库和团队规模方面具有可扩展性
  • 问题尽早发现

免责声明:

这并非一个模板、样板代码或框架。它是一个带有个人观点的指南,展示了如何以特定方式完成某些事情。你不必完全按照这里展示的方式做所有事情,选择对你和你的团队最有效的方法,并保持风格的一致性。

为了充分利用本指南,不要局限于示例应用中使用的技术,而应关注这里所呈现的原则和概念。这里使用的工具和库只是建议,你始终可以用更符合你需求的工具替代它们。有时,你的项目可能需要略微不同的方法,这完全没问题。

目录:

贡献

我们始终欢迎贡献!如果你有任何想法、建议或修复,都可以参与贡献。你可以通过以下步骤进行:

  1. 克隆本仓库
  2. 创建分支:git checkout -b your-feature
  3. 执行 yarn prepare 脚本。
  4. 进行一些修改
  5. 测试你的修改
  6. 推送你的分支并打开一个 Pull Request

许可协议

MIT

Introduction

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

Customize your domain
25835.83 K3.26 KVisit GitHub