Frontend Architecture for Microservices

on YouTube ↗44m

" summary

Examines frontend architecture approaches to match backend microservices, comparing Self-contained Systems (SCS) and Micro Frontends and highlighting opportunities from the Web Components v1 standard. Demonstrates practical implementation using Spring Boot with Angular and Angular Elements for composing modular frontends.

AI-written summary · about

" chapters (22)

1. 0:00Introduction
2. 1:341970 - Architecture: Monolithic
3. 2:03Layered Architecture
4. 3:502000 - Modularization in the Backend
5. 4:58Requirements from an Architectural Perspective
6. 7:24There’s Also the User
7. 8:32Example: Seat Reservation
8. 10:29Frontend as Integration
9. 10:53Browser Application (SPA)
10. 11:28Modularization and Reuse
11. 12:04Self-contained Systems (SCS)
12. 13:29User Requirements
13. 14:30Surface Integration: Navigation
14. 16:37Each System Provides Navigation
15. 19:51Deep Integration Options
16. 21:27Challenges in Integration
17. 25:57Angular and Spring Boot
18. 26:46Experiences
19. 29:33Others Do It 80 - Google Maps
20. 31:52Using Framework Components
21. 32:42Isolated Components
22. 33:13Web Component Frameworks

" related talks

• 42mMicroFrontends for MicroServicesThomas Bröll · JCON 2020
• 44mMicro Frontend: The Microservices Headache Extended to the FrontEndaudrey neveu · Sunny Tech 2019
• 01h 13mMicrofrontends with Modules and Web ComponentsYuriy Karadzhov · HolyJS 2021 Piter
• 36mMicro frontends - A Microservices Approach to the Front EndCelso Henrique · QCon São Paulo 2019
• 46mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Voxxed Days Microservices 2019
• 35mFront-end Microservices ArchitectureMykhailo Churilov · JavaScript fwdays'18
• 50mMicrofrontends: the Next Step after MicroservicesJuande Carrion · DevConf.CZ 2019
• 44mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Jfokus 2019