Micro Frontends: Composing web apps with Angular and Single-Spa

Micro Frontends: Composing web apps with Angular and Single-Spa - Matt Gold Source Code: https://github.com/matt-gold/single-s... Slides: https://docs.google.com/presentation/... DESCRIPTION: Microservices have largely superceded cumbersome monolithic backend architectures in recent years, and for good reason. Splitting a complex system into independent, self-contained microservices fosters flexibility, enables different parts of the system to be deployed independently, and gives individual development teams within a larger organization the autonomy to manage their own tech and SDLC. While microservices are widely used today, many of us are still working with large and complex monolithic front-end applications. The "micro frontend" pattern applies the microservices approach to the front end, allowing for different sections of the same application to be hosted independently and composed together at run-time in the browser. These sections can be as big or as small as needed, can contain their own routes, and can even share state with one another. In this talk I will introduce micro frontend architecture and dispel some common myths associated with the pattern. Next, I will demonstrate how to implement this pattern in Angular using single-spa - a popular micro frontend framework - by exploring the use case of dynamically loading child apps into a parent angular app.