Explore the concept of Micro Frontend in this 49-minute conference talk from Devoxx. Delve into the extension of microservices architecture to the frontend, learning how to mix different JavaScript frameworks like AngularJS, Angular, and React in a Single Page Application. Discover the various architectures attempted at Saagie, their advantages and disadvantages, and determine which approach best suits your needs. Gain insights into the evolution from monoliths to microservices, understand the benefits of Micro Frontend, and examine real-life case studies. Learn about Web Components, design systems, and best practices for implementing this cutting-edge frontend architecture. Acquire valuable tips and tricks to navigate the challenges of page transitions and framework integration in Micro Frontend development.
Micro Frontend - The Microservice Puzzle Extended to Frontend
Overview
Syllabus
Intro
Classic Study Case
An History of Evolution
Microservices Benefits
Next Step of Evolution
Classic E-Commerce Approach
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
What's a Web Component?
Talking about support...
From an Application to a Web Component
Pros & Cons
Page Transitions
Best practices, tips & tricks
To go further
Taught by
Devoxx
Related Courses
-
Micro Frontend - The Microservice Puzzle Extended to Frontend
-
Micro Frontend - The Microservice Puzzle Extended to Frontend
-
Frontend Monoliths - Run if You Can
-
Micro Frontends – a Strive for Fully Verticalized Systems
-
Angular, React, Vue and Co - Harmoniously United by Web Components and Micro Apps
-
Modernizing Large Frontends with Web Components
