Что такое Single SPA

Single SPA — это фреймворк для создания микрофронтендов. Он позволяет объединять несколько независимых приложений (React, Vue, Angular и др.) в единую SPA, управляя их жизненным циклом.

Ключевые особенности:

• Каждое приложение загружается и работает независимо.
• Поддерживает lazy-loading и изоляцию состояний.
• Позволяет постепенно мигрировать с legacy-кода.

Пример регистрации приложения:

singleSpa.registerApplication(
  'app1',
  () => import('app1/main.js'),
  location => location.pathname.startsWith('/app1')
);

Плюсы:

• Гибкость в выборе технологий.
• Масштабируемость.

Минусы:

• Сложность отладки.
• Требуется согласованность в API/стилях.

Подходит для крупных проектов с распределёнными командами.