How Hopin is Moving 10x Faster: Microfrontends at Scale
summary
Claim: Hopin moves “10x faster” by breaking React monoliths into independently deployable microfrontends loaded from a CDN with module federation. Implementation uses multiple React trees where each micro-app exports a mount(element) and unmount() and a tiny reactive map provider for explicit shared state. Demo mixes Vue inside a Next.js shell and shows performance: 30,000 components ~6s while 3,000 micro-apps render in ~2–3s, concluding boundaries and explicit contracts work and the system actually scales.
AI-written summary · about
chapters (4)
related talks
45mMicro Frontends in Action!
36mMicro Frontends in Action!
30mMicro Frontends in React — a State of the Art Approach
22mHow micro-frontends and NextJS can 4x site performance
44mApplications instead of libraries: Micro frontends implemented through module federation
01h 17mChallenges in Building Micro Front Ends
36mMicrofrontends: Scalability Savior or Unmanageable Maze?
21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web Development