Using ES Modules Based Micro-Frontends to Enable Distributed Development
summary
Claim: using native ES module imports lets a single portal load independently built UIs with smaller bundles, faster builds, and shared stateful deps. Tools actually used include uitk (React component library), modular (opinionated monorepo tooling), esbuild, webpack 5, Jenkins, S3 and the CDN esm.sh. At scale—50,000 developers, ~5,800 apps (2,000 in production) serving ~200,000 daily users—builds shrink, deps get deduped by pinning React, and the live demo of the dynamic remote view intermittently fails but the approach works.
AI-written summary · about
chapters (5)
- 0:00Start
- 2:10A sense of scale
- 3:07Distributed Development DX
- 5:54Web Application Container
- 8:47Building a Micro-FrontEnd
related talks
44mApplications instead of libraries: Micro frontends implemented through module federation
36mMicrofrontends: Scalability Savior or Unmanageable Maze?
45mMicro Frontends in Action!
01h 13mArchitecting complex JavaScript setups for large scale enterprise projects
36mMicro Frontends in Action!
34mIntroduction to Micro Frontends
47mMicro Frontends Unmasked
30mMicro Frontends in React — a State of the Art Approach