Mục lục

Lộ trình Microfrontends

Lộ trình từ Zero đến Architect về kiến trúc Microfrontends - Master Module Federation, CI/CD, và quy trình vận hành Super App.

Lộ trình thiết kế và vận hành siêu ứng dụng (Super App) như Shopee, Grab, Tiki.


Các Chủ Đề Chính

1. Nền tảng & Trade-offs

  • MFE là gì? Monolith vs Monorepo vs MFE.
  • Pattern integration (Build-time vs Runtime).
  • Domain boundaries & Ownership.

2. Routing & Composition

  • Shell routing (Centralized vs Distributed).
  • Navigation contract (Events, URL, Deep link).
  • Layout & Page slots.

3. Module Federation (Core)

  • Kỹ thuật: Expose, Consume, Shared, Singleton.
  • Versioning & Shared dependencies.
  • Dynamic remote loading & Env-based remotes.

4. Deployment & Release

  • CI/CD độc lập: Build remote → Push CDN.
  • Rollback: Pin version, Remote manifest (JSON).
  • Caching & Cache busting.

5. State, Data & DX

  • State isolation vs Shared store.
  • Shared data client vs Per-remote.
  • Design system: Tokens, Components, Versioning.

6. Performance & Resilience

  • Prefetch remotes theo route.
  • Error handling: Fallback UI, Timeout, Retry.
  • Bundle analysis, measure TTI/LCP.

7. Testing Strategy

  • Unit, Contract tests, Integration tests.
  • E2E across Host + Remote (Playwright).
  • Mock API & Test environments.

8. Governance & Interview

  • Security: CSP/SRI, Trust boundary.
  • Org governance: Ownership, Dependency policies.
  • Phỏng vấn: 15 câu thực chiến & Xử lý sự cố.

Dự Án Cuối Khóa

Xây dựng "Mini-Shopee" với Microfrontends.

  • 1 Host (Next.js) & 3 Remotes (Catalog, Order, Auth).
  • Shared Design Tokens.
  • Auto deploy qua Github Actions lên S3/CDN.

Bắt đầu bài học thứ nhất: Nền tảng & Trade-offs →

Quảng cáo
mdhorizontal