Профиль навыка

Микрофронтенды

Module Federation, single-spa, iframe composition, shared dependencies, routing

Frontend Development Frontend-архитектура

Ролей

5

где встречается этот навык

Грейдов

5

сформированная дорожка роста

Обязательных требований

15

ещё 10 — необязательные

Домен

Frontend Development

Группа

Frontend-архитектура

Последнее обновление

17.03.2026

Как использовать

Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.

Чего ждут на каждом уровне

Таблица показывает, как меняется глубина владения навыком от Junior до Principal.

Роль Обязательность Описание
Frontend Developer (Angular) Понимает micro-frontends в Angular: знает Module Federation plugin для Angular, понимает концепцию Angular Elements для Web Components. Знает что Angular's NgModule system naturally поддерживает lazy-loaded feature modules как шаг к micro-frontends.
Frontend Developer (React) Понимает концепцию micro-frontends: зачем разделять монолитный фронтенд на независимые модули, какие проблемы это решает (автономность команд, независимый деплой). Знает основные подходы: iframe, Web Components, Module Federation.
Frontend Developer (Svelte) Понимает micro-frontends в Svelte: знает что Svelte's compiler-first approach создает standalone bundles идеальные для micro-frontends, понимает как svelte-custom-element позволяет создавать Web Components. Знает ограничения Svelte для MFE.
Frontend Developer (Vue) Понимает micro-frontends в Vue-экосистеме: знает что Vue хорошо подходит для Web Components через defineCustomElement, понимает концепцию Module Federation с Vite. Знает зачем крупные проекты разделяют фронтенд на микроприложения.
Fullstack Developer Понимает micro-frontends как часть fullstack архитектуры: знает как frontend micro-apps соотносятся с backend microservices, понимает BFF (Backend For Frontend) pattern. Знает основные подходы к интеграции micro-frontends.
Роль Обязательность Описание
Frontend Developer (Angular) Обязателен Работает с micro-frontends в Angular: настраивает @angular-architects/module-federation для шаринга Angular компонентов, реализует dynamic module federation для runtime discovery, создает Angular Elements для cross-framework integration. Управляет shared Angular services через dependency injection.
Frontend Developer (React) Обязателен Работает с micro-frontends в React: настраивает Webpack Module Federation для шаринга компонентов между приложениями, реализует runtime загрузку remote modules, управляет shared dependencies (React, React DOM) для предотвращения дублирования. Интегрирует micro-frontend в host application.
Frontend Developer (Svelte) Обязателен Работает с micro-frontends в Svelte: использует vite-plugin-federation для Svelte Module Federation, реализует Svelte components как Web Components для интеграции с любым фреймворком. Настраивает shared state через writable stores с cross-MFE synchronization через events.
Frontend Developer (Vue) Обязателен Работает с micro-frontends в Vue: использует vite-plugin-federation для Module Federation, реализует Vue components как Web Components для framework-agnostic интеграции, настраивает shared Pinia store между micro-frontends. Управляет shared CSS через CSS Modules isolation.
Fullstack Developer Обязателен Работает с micro-frontends в fullstack контексте: реализует BFF layer для каждого micro-frontend, настраивает API composition для агрегации данных, применяет Module Federation для фронтенд интеграции. Обеспечивает end-to-end type safety через shared TypeScript types между frontend и backend.
Роль Обязательность Описание
Frontend Developer (Angular) Обязателен Проектирует micro-frontend архитектуру на Angular: использует Nx workspace для monorepo management micro-frontends, настраивает Angular CDK для consistent theming, проектирует shared library strategy через Nx publishable libraries. Обеспечивает Angular version alignment между micro-frontends.
Frontend Developer (React) Обязателен Проектирует micro-frontend архитектуру на React: определяет границы micro-frontends по бизнес-доменам, настраивает shared state management (custom events, shared store), реализует routing integration между host и remote apps. Проектирует CI/CD для независимого деплоя каждого micro-frontend.
Frontend Developer (Svelte) Обязателен Проектирует micro-frontend архитектуру со Svelte: определяет когда использовать Svelte MFE (lightweight, performance-critical sections), настраивает SvelteKit для SSR micro-frontends, проектирует incremental adoption strategy для добавления Svelte MFE в существующие React/Vue хосты.
Frontend Developer (Vue) Обязателен Проектирует micro-frontend архитектуру на Vue: определяет composition strategy (build-time vs runtime), настраивает single-spa с Vue adapter для multi-framework поддержки, проектирует shared state через custom event bus или shared Pinia plugin. Обеспечивает SSR compatibility для SEO-критичных micro-frontends.
Fullstack Developer Обязателен Проектирует fullstack micro-frontend архитектуру: определяет vertical slice architecture (frontend + BFF + service per domain), настраивает shared authentication через token propagation, проектирует unified error handling. Обеспечивает observability через distributed tracing от browser до backend.
Роль Обязательность Описание
Frontend Developer (Angular) Обязателен Стандартизирует micro-frontend approach в Angular: создает Nx generators для scaffold новых MFE, определяет Angular upgrade strategy для coordinated version bumps, проектирует testing strategy (unit per MFE + integration shell). Обучает команды Angular-specific MFE patterns.
Frontend Developer (React) Обязателен Определяет micro-frontend стратегию для организации: выбирает между Module Federation, single-spa и custom solution, стандартизирует shared design system для visual consistency. Проектирует developer experience: local development с mock remotes, testing strategy, version management.
Frontend Developer (Svelte) Обязателен Определяет Svelte MFE стратегию: создает build tooling для Svelte micro-frontends, проектирует shared design system compatible со Svelte и другими frameworks через CSS custom properties. Определяет Svelte adoption roadmap в micro-frontend ecosystem.
Frontend Developer (Vue) Обязателен Стандартизирует micro-frontend подход в Vue-экосистеме: создает CLI для scaffold нового micro-frontend с стандартной конфигурацией, определяет shared component library strategy, проектирует versioning и backward compatibility. Обучает команды micro-frontend patterns и anti-patterns.
Fullstack Developer Обязателен Стандартизирует fullstack micro-frontend platform: создает project templates для vertical slices, проектирует shared infrastructure (auth, logging, feature flags), определяет deployment strategy. Координирует frontend и backend команды для aligned domain boundaries.
Роль Обязательность Описание
Frontend Developer (Angular) Формирует Angular platform strategy с micro-frontends: проектирует enterprise shell application с dynamic MFE loading, определяет governance для Angular workspace. Влияет на развитие Angular MFE ecosystem через contributions в @angular-architects/module-federation.
Frontend Developer (React) Формирует платформенную стратегию micro-frontends: проектирует shell application architecture, определяет governance для shared dependencies и design tokens, разрабатывает platform для self-service micro-frontend creation. Влияет на архитектурные решения по масштабированию frontend разработки в large organizations.
Frontend Developer (Svelte) Формирует multi-framework MFE strategy с Svelte: проектирует polyglot frontend architecture (React host + Svelte + Vue MFEs), определяет framework selection criteria per micro-frontend. Влияет на развитие Svelte MFE ecosystem и tooling.
Frontend Developer (Vue) Формирует frontend platform стратегию с micro-frontends: проектирует architecture для 10+ Vue micro-frontends с shared design system, определяет migration strategy от монолита. Влияет на развитие Vue micro-frontend экосистемы и tooling.
Fullstack Developer Формирует enterprise fullstack architecture с micro-frontends: проектирует platform для self-service vertical slice creation, определяет governance для cross-slice communication, разрабатывает migration path от монолита. Влияет на организационную структуру через Conway's Law alignment.

Сообщество

👁 Следить ✏️ Предложить изменение Войдите, чтобы предлагать изменения
📋 Предложения
Пока нет предложений для Микрофронтенды
Загрузка комментариев...