0Pricing
Micro Frontends Architecture with Module Federation · Урок

Монорепозитории и полирепозитории

Сравните различные стратегии организации репозиториев для управления несколькими микрофронтендами и их общим кодом.

«Монорепозитории и полирепозитории» — бесплатный урок Micro Frontends Architecture with Module Federation на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Micro Frontends Architecture with Module Federation, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Micro Frontends Architecture with Module Federation содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

Repository Choices for MFEs

When building Micro Frontends, how you structure your code repositories is a crucial decision. It impacts development workflows, deployment, and team collaboration.

There are two primary strategies: Monorepos and Polyrepos. Let's explore each one and understand their implications for your federated applications.

Understanding Monorepos

A Monorepo (monolithic repository) is a single version-controlled repository that contains multiple distinct projects. These projects can be related or unrelated.

For Micro Frontends, this means all your host applications, remote applications, and shared libraries live in one place.

Monorepo: A Single Home

Here's a common structure for a Monorepo housing Micro Frontends. Notice how applications and shared components reside under one root:

my-mfe-monorepo/
├── apps/
│   ├── host-main-app/    // The shell application
│   ├── remote-dashboard/ // A federated remote app
│   └── remote-profile/   // Another federated remote app
└── packages/
    ├── ui-components/    // Shared UI library
    └── shared-utils/     // Shared utility functions

Monorepo Benefits for MFEs

Monorepos offer several advantages for Micro Frontend development:

  • Simplified Shared Code: Easier to share common components, styles, and utilities across MFEs.
  • Atomic Changes: A single commit can update multiple related Micro Frontends and shared libraries simultaneously.
  • Centralized Configuration: Common build tools and linting rules can be managed centrally.
  • Easier Discovery: All related projects are visible and discoverable in one place.

Monorepo Hurdles

While beneficial, Monorepos come with challenges:

  • Tooling Complexity: Requires sophisticated tools (e.g., Lerna, Nx) to manage dependencies, builds, and tests efficiently.
  • Longer Build Times: A full build can take longer due to the large codebase, though incremental builds help.
  • Access Control: Managing permissions for different teams on parts of the repo can be complex.
  • Git History Noise: The commit history can become very large and busy, making it harder to track changes for specific projects.

Understanding Polyrepos

A Polyrepo (polylithic repository) strategy involves managing each distinct project in its own separate repository. Each Micro Frontend, host application, or shared library gets its own dedicated repo.

This is a more traditional approach, often seen in large organizations with many independent teams.

Polyrepo: Independent Spaces

In a Polyrepo setup, each Micro Frontend or shared component lives in its own independent Git repository:

host-main-app-repo/         // Repo for the main host application
├── src/
└── package.json

remote-dashboard-repo/       // Repo for the dashboard MFE
├── src/
└── package.json

shared-ui-components-repo/   // Repo for a shared UI library
├── src/
└── package.json

Polyrepo Benefits for MFEs

Polyrepos offer distinct advantages, especially for large, distributed teams:

  • Independent Deployments: Each MFE can be deployed independently, reducing coordination overhead.
  • Clear Ownership: Teams have full control over their specific repository and codebase.
  • Simpler CI/CD: Build pipelines are typically simpler as they only focus on one project.
  • Smaller Codebases: Each repository is smaller, making it faster to clone, build, and test locally.

Polyrepo Hurdles

Consider these challenges with Polyrepos:

  • Shared Code Duplication: Without careful management, common code can be duplicated across repositories.
  • Dependency Management: Synchronizing versions of shared libraries across many repos can be complex.
  • Cross-Repo Communication: Changes requiring updates in multiple repos demand more coordination.
  • Discovery & Consistency: Finding shared components or ensuring consistent practices can be harder.

Picking the Right Repository

The choice between Monorepo and Polyrepo depends on your specific context. There's no single best answer.

  • Consider team size: Smaller teams might find Monorepos simpler.
  • Deployment frequency: Polyrepos excel at independent, high-frequency deployments.
  • Shared code needs: If you have many shared components, Monorepos can streamline management.
  • Tooling expertise: Monorepos often require more advanced tooling knowledge.

Evaluate these factors to align your repository strategy with your organizational structure and project goals.

Repository Strategy Check

Which of the following statements are generally TRUE regarding repository strategies for Micro Frontends?

Recap & Next Steps

In this lesson, we explored the Monorepo and Polyrepo strategies for managing Micro Frontend projects.

  • Monorepos offer benefits like simplified shared code and atomic changes, but come with tooling and build time challenges.
  • Polyrepos provide independent deployments and clear ownership, but require careful management of shared dependencies and potential code duplication.

The best choice depends on your team, project complexity, and desired deployment flexibility. Understanding these trade-offs is key to a successful Micro Frontend architecture.

Часто задаваемые вопросы

Урок «Монорепозитории и полирепозитории» бесплатный?

Да — полный текст урока «Монорепозитории и полирепозитории» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Micro Frontends Architecture with Module Federation, подпишись на CoddyKit PRO. Курс Micro Frontends Architecture with Module Federation содержит 4 уроков всего.

Чему я научусь в уроке «Монорепозитории и полирепозитории»?

Сравните различные стратегии организации репозиториев для управления несколькими микрофронтендами и их общим кодом. Ты практикуешь Micro Frontends Architecture with Module Federation с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Micro Frontends Architecture with Module Federation?

Предыдущий опыт не требуется. Micro Frontends Architecture with Module Federation на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «Монорепозитории и полирепозитории»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Micro Frontends Architecture with Module Federation?

Да. Каждый урок Micro Frontends Architecture with Module Federation включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Монорепозитории и полирепозитории
  2. Организационные сложности и решения
  3. Будущее микрофронтендов и федерации
  4. Общие зависимости и управление версиями
← Назад к Micro Frontends Architecture with Module Federation