This repository is to showcase examples on Webpack 5's new Module Federation can be used.
Legend:
โ ๏ธ : In Progress/Incomplete- ๐: Depends on proprietary code that isn't free.
- Basic Host-Remote โ App 1 consumes remote components from App2.
- Bi-Directional Hosts โ App1 consumes App2 components; App2 consumes App1 components.
- Self-Healing โ Fallback to remote apps vendors if a dependency fails to load.
-
โ ๏ธ Server-Side Rendering โ App1 and App2 with SSR. - Multi UI Framework Federation โ Multiple Apps in different technologies federated.
- Dynamic System Host โ Swap between remotes at runtime.
- Redux Reducer Injection โ Dynamically inject reducers to host store at runtime.
- Shared Routes โ Compose federated routes for a seamless user experience.
- Nested Components โ Nested remote components.
- Share Context Provider โ App1 and App2 with shared Context Provider.
- ๐ Streaming Federated Code โ App1 and federated-middleware deploy to s3. App1 then stream's federated code directly from S3
- Non-UI Module
- Routing
- Version Discrepancy โ Federated apps depending on different versions of a dependency without side-effects.
- TypeScript โ Simple host/remote example using TypeScript.
- NextJS