magic-microservices

• A lightweight micro-frontends function factory based on Web Components.

• Purpose: Simplifies the creation and integration of micro-frontends applications using Web Components.

• Key Features:

  • ⚡ Small bundle size (2.4KB–3.7KB depending on format)
  • 🚀 Framework-agnostic (works with any JS framework)
  • 🔨 Adapter for any JS module, friendly to existing code
  • 💪 Enhances native Web Components functionality

• Target Audience: Developers building micro-frontends applications that need cross-framework compatibility and lightweight solutions.

• Core Capabilities:

  • Transforms JS modules into "Magic" micro-frontends with lifecycle hooks (bootstrap, mount, update, unmount)
  • Supports props passing (including reference types via useProps)
  • Works with React, Vue, and other frameworks (examples provided for both)

• Compatibility:

  • Modern browsers and IE11 (with polyfills)
  • Built on Web Components standards (Custom Elements, Shadow DOM)

• Usage Highlights:

  • Register components once, use as HTML tags anywhere
  • Supports local, UMD, ES Module, and SystemJS packages
  • Lifecycle management similar to modern frameworks

Note: While not Svelte-specific, the library's framework-agnostic approach means it can be used with Svelte like any other framework.