Introduction to Micro Frontends

By Ivan Jovanovic

Elevator Pitch

Nowadays, applications are becoming so big and complex and most of the app is living on the client side. It’s becoming so hard to maintain those apps. This talk will show you how to fix this problem. Welcome to the era of Micro Frontends, a microservice oriented architecture on the frontend.

Description

Nowadays, applications are becoming so big and complex and most of the app is living on the client side. It’s becoming so hard to maintain those apps and we’re usually making more bugs than fixing them. This talk will show you how to fix this problem. Welcome to the era of Micro Frontends, a microservice oriented architecture on the frontend. Let’s see what are our options and how can we split our big monolith apps into smaller pieces that are independent but also work together and serve awesome user experience.

Ever wanted to use microservices architecture on the frontend? Want to build an app using React, Angular, and Vue together? This talk is about a thing that’s in our minds for a long time, but now’s the perfect time for it. It is called Micro Frontends, a microservice architecture on the frontend. I will show you how to write apps piece by piece and how to connect those pieces to work together. It’s so easy to split work across teams and developers and maintain those apps.

The talk will cover: 1. What are a Micro Frontends and what problem are they solving? 2. What are our choices now? 3. Examples of the implementations 4. Sync and async services 5. How can we use iframes for splitting frontend apps?

Notes

This talk will try to change the way developers look at frontend applications. They’re becoming so big, nowadays we have 90% of the client code and 10% of the backend code and that’s becoming so hard to maintain. I’ve been using this pattern for a year and so far it helped me a lot. This architecture helped my company to split the work across teams and remove the code conflicts.