Microfrontends
The idea behind Micro Frontends is to think about a website or web app as a composition of features which are owned by independent teams. Each team has a distinct area of business or mission it cares about and specialises in. A team is cross functional and develops its features end-to-end, from database to user interface. Demo app
Why?
With micro frontends, you can upgrade, update, or even rewrite parts of the frontend more smoothly than was previously possible.
- Better scalability
- Faster development, as teams can work independently
- You can use multiple frameworks in your application
- Deployment independence
Aspects
- Why Module Federation?
- Asynchronous Loading
- Error Handling
- Server Setup
- Sharing Functions
- Nomenclature
- Sharing State
- Sharing the JWT
- Sharing the Cart
- State Sharing Alternatives
- Finishing the Cart
- Cross-Platform Micro-Frontends
- Micro-Frontend Routing
- Unit Testing
- End-To-End Testing
Dev Stack
Learn More
| Link | Type | Notes |
|---|---|---|
| Micro Frontends - Jack Herrington | Article | |
| Code - Jack Herrington | Repo | |
| Micro-Frontends Course - Beginner to Expert | YouTube |