Skip to content

BeaverHouse/mfa-test

Repository files navigation

Logo

Test repository for Module Federation (2026 Renewed)

React Vue TypeScript PNPM License

Description

This repository demonstrates a real runtime boundary between two independently built frontends:

  • Host: React 19 with Rsbuild/Rspack on http://localhost:3100
  • Remote: Vue 3 with Vite on http://localhost:3101
  • Contract: Module Federation 2.0 manifest plus a framework-neutral mount/unmount API

The React host loads a Vue team card at runtime. The remote sends an event back to the host, and the host renders a local fallback when the remote manifest cannot be loaded. React and Vue are deliberately not shared dependencies; each application owns its framework runtime.

Why these stacks?

React and Vue are established frontend ecosystems, while Rsbuild/Rspack and Vite exercise Module Federation across different modern build tools. Next.js is intentionally excluded because the current Module Federation integration does not support the App Router.

Quick start

Requirements: Node.js 20.19 or newer and pnpm 10.

pnpm install
pnpm dev

Open http://localhost:3100. See RUNBOOK.md for the complete normal and failure-mode walkthrough.

Verification

pnpm typecheck
pnpm lint
pnpm build
pnpm test:e2e

The Playwright suite verifies both the live Vue remote and a blocked remote manifest.

About

Test repository for Module Federation (2026 Renewed)

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Contributors