Домен
Frontend Development
Профиль навыка
Module Federation, single-spa, iframe composition, shared dependencies, routing
Ролей
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. |