Monorepo Architecture

Monorepos Explained

cuHacking 2020 Development Team Microservice Architecture


  1. Everything is a trade-off
  2. "Why is more important than how"
  3. Maintain Loose Coupling and High Cohesion
  • layout.tsx
  • page.tsx
  • global.css
global.css
home.tsx
layout.tsx
index.ts
cz.json
package.json
pnpm-lock.yaml
postcss.config.ts
README.md
release.config.ts
tailwind.config.ts
tsconfig.base.json
vitest.workspace.ts

Feature-Sliced Design

Feature-Sliced Design is a methodology for building scalable and maintainable front-end applications, but we extend it for our entire codebase. It is based on the idea of splitting the application into features, each of which is a separate entity with its own logic, UI, and data. All content shared within an app is placed into the shared folder. This approach allows for better organization of the codebase, easier collaboration between team members, and faster development cycles.

It is highly recommended that you follow the Feature-Sliced Design Tutorial to practice using the methodology.

Bullet-Proof React

Bullet-Proof React is a methodology for building scalable and maintainable front-end application, however, we extend it for our entire codebase. We use Bullet-Proof React and Feature-Sliced Design to create a scalable and maintainable codebase.

In our use case, the Bullet-Proof React is how we organize our Feature Slices

On this page

Made with 💚 for Hackers by Hackers