Front-end Microservices Architecture

on YouTube ↗35m

" summary

Engineers describe splitting a front-end monolith into standalone microservices delivered as JavaScript bundles loaded by a script loader and registered as custom elements. They standardize on TypeScript and shared component libraries, use routing as the single source of truth with a Redux-style event bus for messages, and implement a custom resource guard to detect/kill event leaks and CSS bleed; one service is in production, two in development, a third planned, and strict lifecycle/versioning controls are required.

AI-written summary · about

" chapters (12)

1. 0:00Frontend microservices intro
2. 3:58Monolith to microservices
3. 8:33Shell wrapper
4. 11:22Microservice theory
5. 18:37Integration problems
6. 23:13Deploying and testing
7. 27:13Q&A
8. 30:31Parallel work limits
9. 31:53Code organization
10. 33:18Testing constraints
11. 34:21Security against scripting
12. 35:02Conclusion

" related talks

• 44mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Jfokus 2019
• 44mMicro Frontend: The Microservices Headache Extended to the FrontEndaudrey neveu · Sunny Tech 2019
• 37mIntroduction to Micro FrontendsIvan Jovanovic · The Rolling Scopes Conference 2018
• 36mMicro Frontends - Breaking MonolithsBipul Kumar · Developer Summit 2020
• 46mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Voxxed Days Microservices 2019
• 39mScaling Frontend DevelopmentLuis Vieira · NDC Porto 2019
• 57mMicro Frontends – a strive for fully verticalized systemsDavid Leitner · NDC London 2020
• 51mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · JAX London 2019