프론트엔드에서의 마이크로 서비스 아카텍처
summary
Builds a WebRTC real‑time classroom (up to 50 students) by splitting the front end into iframe microservices served from S3 and wiring them with iframes + postMessage; implements four protocols—request‑response, action‑reaction, one‑way bind, event—with unique IDs and timestamps, uses React wrappers and MobX inside iframes, and reuses the same protocol over WebSocket on the server. Hosts seven microservices, cuts inter‑service coupling and outages (can refresh one iframe), incurs initial dev overhead and ~30% rendering cost but speeds team delivery and testing.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:47Service overview and issues
- 3:32Stability vs dev productivity
- 5:42Dependency issues and microservices adoption
- 7:53Frontend microservice tools
- 10:29Message interface design
- 14:12Message protocol and implementation
- 16:18WebSocket integration
- 18:08Post-adoption pros and cons
- 21:53Conclusion
related talks
01h 13mArchitecting complex JavaScript setups for large scale enterprise projects
09mUnleashing the Potential of Micro Frontends with Angular
46mScaling Micro-Frontends with Custom Elements
30mMicro Frontends in React — a State of the Art Approach
34mMicro Frontends
37mIntroduction to Micro Frontends
34m"Building Fast Webapps, Fast, Lessons From Creating the Meebo Bar"
34mIntroduction to Micro Frontends