Micro Frontends

Understands micro-frontends in Angular: knows the Module Federation plugin for Angular, understands the Angular Elements concept for Web Components. Knows that Angular's NgModule system naturally supports lazy-loaded feature modules as a step toward micro-frontends.

Understands the micro-frontend concept: why to split monolithic frontend into independent modules, what problems it solves (team autonomy, independent deployment). Knows main approaches: iframe, Web Components, Module Federation.

Understands micro-frontends in Svelte: knows that Svelte's compiler-first approach creates standalone bundles ideal for micro-frontends, understands how svelte-custom-element enables creating Web Components. Knows Svelte limitations for MFE.

Works with micro-frontends in Angular: configures @angular-architects/module-federation for sharing Angular components, implements dynamic module federation for runtime discovery, creates Angular Elements for cross-framework integration. Manages shared Angular services via dependency injection.

Works with micro-frontends in React: configures Webpack Module Federation for sharing components between applications, implements runtime remote module loading, manages shared dependencies (React, React DOM) to prevent duplication. Integrates micro-frontend into host application.

Works with micro-frontends in Svelte: uses vite-plugin-federation for Svelte Module Federation, implements Svelte components as Web Components for integration with any framework. Configures shared state through writable stores with cross-MFE synchronization via events.

Designs micro-frontend architecture on Angular: uses Nx workspace for monorepo management of micro-frontends, configures Angular CDK for consistent theming, designs shared library strategy via Nx publishable libraries. Ensures Angular version alignment between micro-frontends.

Designs micro-frontend architecture on React: defines micro-frontend boundaries by business domains, configures shared state management (custom events, shared store), implements routing integration between host and remote apps. Designs CI/CD for independent deployment of each micro-frontend.

Designs micro-frontend architecture with Svelte: defines when to use Svelte MFE (lightweight, performance-critical sections), configures SvelteKit for SSR micro-frontends, designs incremental adoption strategy for adding Svelte MFE to existing React/Vue hosts.

Standardizes the micro-frontend approach in Angular: creates Nx generators for scaffolding new MFEs, defines Angular upgrade strategy for coordinated version bumps, designs testing strategy (unit per MFE + integration shell). Trains teams on Angular-specific MFE patterns.

Defines micro-frontend strategy for the organization: chooses between Module Federation, single-spa and custom solution, standardizes shared design system for visual consistency. Designs developer experience: local development with mock remotes, testing strategy, version management.

Defines Svelte MFE strategy: creates build tooling for Svelte micro-frontends, designs shared design system compatible with Svelte and other frameworks through CSS custom properties. Defines Svelte adoption roadmap in the micro-frontend ecosystem.

Shapes Angular platform strategy with micro-frontends: designs enterprise shell application with dynamic MFE loading, defines governance for Angular workspace. Influences Angular MFE ecosystem development through contributions to @angular-architects/module-federation.

Shapes micro-frontend platform strategy: designs shell application architecture, defines governance for shared dependencies and design tokens, develops platform for self-service micro-frontend creation. Influences architectural decisions for scaling frontend development in large organizations.

Shapes multi-framework MFE strategy with Svelte: designs polyglot frontend architecture (React host + Svelte + Vue MFEs), defines framework selection criteria per micro-frontend. Influences Svelte MFE ecosystem and tooling development.