Micro Frontends & how we applied it in the Chase App
summary
Chase UK App is a digital‑only mobile app launched 2021 that hits ~1M customers in a year; the team splits a mono‑repo of ~70 packages into feature modules, breaks circular dependencies, and publishes modules independently so features can be released on demand. Implementation replaces yarn+lerna with pnpm, adds changesets for automated versioning, uses turborepo and webpack alongside Metro, and adds a publish pipeline that shifts tests left; outcome: decoupled releases and faster, more reliable app delivery.
AI-written summary · about
chapters (17)
- 0:00Intro
- 4:20Why do we need it
- 5:09Chase UK
- 6:13Project Architecture
- 7:48Our challenges
- 10:13Our Solution
- 11:27module architecture
- 16:51Step 1: module versioning
- 21:55implementation
- 24:25cycle dependency
- 28:44Goal of the new process
- 30:34Chase app approach
- 34:06Pipeline Design
- 36:49How do we assemble one module
- 38:39New release process
- 39:35The result
- 40:19How to succeed micro frontends
related talks
25mMicrofrontends: a Modern Approach to Complex Web Applications
14mMicro-frontends: Is it a Silver Bullet?
57mMicro Frontends – a strive for fully verticalized systems
27mMicro Frontends: Break Up You Web App!
36mMicro Frontends in Action!
21mMicro-frontends: 3 years ago
29mFrom Monolithic Web App to Micro-Frontends – Extending Microservices Architecture to the Frontend
29mMicro Frontends, how to evolve to an extensible frontend