Explore the concept of Micro Frontend in this conference talk that extends microservice architecture to the frontend. Dive into the evolution of frontend development, examining classic study cases and real-life examples like Data Fabric. Learn about customer-focused teams, micro frontend benefits, and the implementation of web components. Discover best practices for transitioning from monolithic applications to modular, scalable frontend architectures using technologies like React Fragments and layout libraries. Gain insights into page transitions, design systems, and tips for successful micro frontend implementation.
Micro Frontend - The Microservice Puzzle Extended to Frontend
Overview
Syllabus
Intro
Classic Study Case
An History of Evolution
It's Not Only About Architecture
Microservices Benefits
Front & Microservices: The perfect match?
Next Step of Evolution
The Petstore Reloaded
Customer Focused Teams
Micro Frontend Benefits
Real Life Study Case: Data Fabric
Data Fabric V2
Design System (aka saagie-ui)
Saagie-Layout a composition of Web Components
What's a Web Component?
Talking about support...
From an Application to a Web Component
Pros & Cons
Galaxy an aggregation of React Fragments
Layout-as-Lib From an Application to a Library
Page Transitions
Best practices, tips & tricks
To go further
Taught by
Devoxx
