How to create a Micro Frontend application using React
There’s a current trend in the software industry around microservices and micro frontends. The driver behind this is coming from the pain and frustration that many engineering teams feel when forced to work together on large complex systems.
We all know that breaking things down is the way to solve any software problem. Whether it’s breaking down tickets, or refactoring your code in order to have smaller, more understandable functions. It’s natural that we’d take the next step and break down our applications into smaller, more distinct chunks.
I’m not going to talk about microservices here, other than to mention that if you’re going to attempt a micro frontend approach, you probably want to also consider breaking down that monolith into microservices as well.
Why bother?
- Simple, decoupled code based on journeys
- Teams can have full ownership and autonomy over parts of the application
- Each deployment will have smaller impact on the entire application, making it somewhat safer
What are my options?
The main two options in my mind are build time integration and run time integration. Both options will require you to split your front end in some sensible way…
