Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
@module-federation/storybook-addon
Storybook addon to consume remote module federated apps/components
npm install @module-federation/storybook-addon
Last updated 5 months ago
2.2k
Downloads per week
Readme View on GitHub

Module federation Banner

Module Federation

npm version downloads license

You can consider the module federation capabilities provided by this repository as "module federation 2.0". "Module Federation 2.0" differs from the "Module Federation" built into Webpack 5 by offering not only the core features of module export, loading, and dependency sharing but also additional dynamic type hinting, a "Manifest", a "Federation Runtime", and a "Runtime Plugin System". These features make "Module Federation" more suitable for use as a micro-frontend architecture in large-scale web applications.

💡 What is Module Federation?

  • Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications

  • Module Federation can be used to split monolithic applications into micro-front-end architectures

  • Module Federation reuses common dependencies between modules as much as possible

✨ What new features does Module Federation provide?

  • 🎨 Module Federation Runtime
  • 🧩 Runtime Plugins System
  • 📝 Manifest
  • 🚀 Dynamic type prompt
  • 🛠️ Chrome Devtool

📚 Getting Started

To get started with Module Federation, see the Quick Start.

🧑‍💻 Community

Come and chat with us on Discussions or Discord! The Module federation team and users are active there, and we're always looking for contributions.

🤝 Contribution

New contributors welcome!

Please read the Contributing Guide.

🙌 Code of Conduct

This repo has adopted the Code of Conduct. Please check Code of Conduct for more details.

Join the community
6,597 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI