Micro Frontend: The Microservices Headache Extended to the FrontEnd

on YouTube ↗44m

" summary

Explains applying the microservices idea to front-end code by building micro frontends and even mixing multiple JavaScript frameworks (example: AngularJS, Angular, React) inside a single-page application. Describes the different architectures tried at Saagie and compares their pros and cons so teams can decide which approach fits their needs.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 4:44Backend microservice limits
3. 5:28Micros frontends emergence
4. 10:03Data Fabrique case study
5. 14:21Design systems and UX
6. 15:23Web Components for micros frontends
7. 23:18Early implementation challenges
8. 27:38Layouts Libre solution with library
9. 32:54Soft vs hard navigation
10. 37:52Best practices and conclusion

" related talks

• 46mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Voxxed Days Microservices 2019
• 36mMicro frontends - A Microservices Approach to the Front EndCelso Henrique · QCon São Paulo 2019
• 42mMicroFrontends for MicroServicesThomas Bröll · JCON 2020
• 51mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · JAX London 2019
• 44mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Jfokus 2019
• 50mMicrofrontends: the Next Step after MicroservicesJuande Carrion · DevConf.CZ 2019
• 44mFrontend Architecture for MicroservicesThomas Kruse · JAX 2019
• 37mIntroduction to Micro FrontendsIvan Jovanovic · The Rolling Scopes Conference 2018