Superpowered Micro Frontends with Monorepos
summary
Argues that Nx plus a monorepo turns webpack 5 module federation from fragile to repeatable by providing generators for host and remote apps, automatic wiring of shared libs via the workspace project graph, and helpers for with module federation and the dev remotes flag. Demo builds an e‑commerce host with search and checkout remotes, adds an account remote automatically, shares a singleton state library so search and checkout see the same value, and serves HMR plus CI caching successfully.
AI-written summary · about
chapters (8)
- 0:00Intro
- 0:16What are Micro Frontends
- 1:05Why do we need them
- 2:40What was used before
- 10:07What does Nx offer
- 13:14Demo
- 22:06Shared Data Access
- 27:52abstracted configuration
related talks
25mBeyond Micro Frontends - Three Additional Things Module Federation Makes Possible
45mMicro Frontends in Action!
01h 17mChallenges in Building Micro Front Ends
36mMicro Frontends in Action!
46mExploring the power of monorepos: When and why to use them
01h 03mMonorepo – How to do frontend faster, better and safer
38mFrom Microfrontends and back
08mFederated modules and Monorepo