Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

FirstWhack/Module-Federation-MobX-Example

Repository files navigation

Sharing Observable State Across Micro-FrontEnds

Worlflows

main

Online IDE

This example runs in Code Sandbox!

Contents

App1

Runs at: http://localhost:1337

This app is acting as a host. It renders a table of Users within itself, below this rendering the contents of App2. The singleton Store is consumed as a Federated Module.

App2

Runs at: http://localhost:1338

This app functions stand-alone but is also consumed by App1 as a Federated Module. The singleton Store is consumed as a Federated Module.

Store

This is more of a library than an application. Using Module Federation Plugin we can share a singleton that both apps interact with.

In this example the store is based on TFRP using MobX - subscriptions are implicit, the store Class and singleton are exported (the store could be instantiated local to an app to avoid sharing)

AltStyle によって変換されたページ (->オリジナル) /