Micro Frontends - The Nitty Gritty Details or Frontend, Backend, ๐ŸŒˆ Happyend

Micro Frontends - The Nitty Gritty Details or Frontend, Backend, ๐ŸŒˆย Happyend

The term Micro Frontends describes the idea of splitting your application into vertical slices, which are developed by autonomous cross functional teams. So beside caring about database and business logic, each team also develops their own part of the user interface. This talk will describe different strategies to integrate these user interfaces in the browser without locking them into a single shared frontend framework like React, Angular or Vue.js. When doing this, you also need to keep an eye on web performance and you should have a plan on how to ensure that the customer gets a consistent look and feel.

Furthermore there are a lot of benefits to a cross functional team compared to separate dedicated frontend and backend teams. It removes friction, enables you to iterate more quickly, reduces the need for formal documentation and helps you find better technical solutions.

Key takeaways:

Understand the ideas behind micro frontends and the benefits and drawbacks of this approach
Pick an appropriate frontend integration strategy
Learn what web components are and how they can help in providing an neutral interface
Identify topics where it is important to decide between team autonomy and uniformity
Have a broad overview of related topics like performance monitoring and design systems that need to be addressed
Understand the organizational benefits and challenges that come with this model


Michael Geers

May 15, 2019