cross-mfe-communication icon indicating copy to clipboard operation
cross-mfe-communication copied to clipboard

trafficstars

⚔️ Cross micro frontends communication 📦

Learn how to test React Apps from fundamentals to React Testing Library


This respository contains 4 microfrontend communication examples used in this article

Examples :file_folder:

  • Custom events
  • Props and callbacks
  • Web Worker
  • Windowed Observable

Each example illustrate a simple communication between two micro frontends usingcreate-micro-react-app also known as crma to setup the react micro frontends.

Every example is a monorepo with two micro frontends and one container app.

Usage :wrench:

Go to any example package

cd examples/${Example}

Install every dependencies

yarn

Start local development ❤️

yarn start