Micro-Frontend Architecture in Real Projects
Jason Nguyen
Instructor
Course preview
Khóa học hướng dẫn thiết kế và triển khai kiến trúc micro-frontends thông qua các dự án thực tế. Bạn sẽ học cách tách ứng dụng lớn thành nhiều phần độc lập, giao tiếp giữa chúng bằng event bus, sử dụng module federation, và triển khai trên các môi trường khác nhau.
Course description
Khóa học hướng dẫn thiết kế và triển khai kiến trúc micro-frontends thông qua các dự án thực tế. Bạn sẽ học cách tách ứng dụng lớn thành nhiều phần độc lập, giao tiếp giữa chúng bằng event bus, sử dụng module federation, và triển khai trên các môi trường khác nhau.
What you will learn
- Kiến thức cơ bản về micro-frontend.
- Module federation với Webpack.
- Communication giữa các micro-frontend.
- Deploy độc lập và tích hợp CI/CD.
- Quản lý shared dependencies.
Course content
6 chapter • 42 lesson • 0 minutes
Tổng quan và lợi ích.
Vì sao micro-frontend?
Học về vì sao micro-frontend?
So sánh với monolith frontend
Học về so sánh với monolith frontend
Pattern phổ biến
Học về pattern phổ biến
Lựa chọn framework
Học về lựa chọn framework
Ứng dụng thực tế
Học về ứng dụng thực tế
Thiết kế boundary
Học về thiết kế boundary
Bài tập: phân tích ứng dụng lớn
Học về bài tập: phân tích ứng dụng lớn
Kỹ thuật chia sẻ module.
Webpack module federation
Học về webpack module federation
Remote vs Host
Học về remote vs host
Shared dependencies
Học về shared dependencies
Versioning và compatibility
Học về versioning và compatibility
Debugging federation
Học về debugging federation
Performance considerations
Học về performance considerations
Bài tập: cấu hình module federation
Học về bài tập: cấu hình module federation
Quản lý điều hướng giữa các micro-frontend.
Global vs local routing
Học về global vs local routing
Event bus cho navigation
Học về event bus cho navigation
Handling history và deep links
Học về handling history và deep links
Lazy loading micro-apps
Học về lazy loading micro-apps
Fallback UI và error boundaries
Học về fallback ui và error boundaries
Testing navigation flows
Học về testing navigation flows
Bài tập: tích hợp router cho dashboard
Học về bài tập: tích hợp router cho dashboard
Chia sẻ trạng thái giữa các phần.
Props drilling across micro-apps
Học về props drilling across micro-apps
Pub/Sub và event bus
Học về pub/sub và event bus
Shared store (Redux/Context)
Học về shared store (redux/context)
Data contracts và APIs
Học về data contracts và apis
Avoiding memory leaks
Học về avoiding memory leaks
Normalization patterns
Học về normalization patterns
Bài tập: synchronise cart state
Học về bài tập: synchronise cart state
Triển khai độc lập từng phần.
Pipeline cho micro-apps
Học về pipeline cho micro-apps
Feature flags và canary
Học về feature flags và canary
Versioning publication
Học về versioning publication
CDN và caching
Học về cdn và caching
Monitoring health endpoints
Học về monitoring health endpoints
Rollback strategies
Học về rollback strategies
Bài tập: deploy micro-apps lên Vercel
Học về bài tập: deploy micro-apps lên vercel
Những bài học từ dự án thực tế.
Micro-frontend trong Netflix/Spotify
Học về micro-frontend trong netflix/spotify
Lessons learned từ e-commerce
Học về lessons learned từ e-commerce
Performance trade-offs
Học về performance trade-offs
Security considerations
Học về security considerations
Scaling team workflow
Học về scaling team workflow
Future of micro-frontends
Học về future of micro-frontends
Final project: build mini micro-frontend app
Học về final project: build mini micro-frontend app
Course preview
Khóa học hướng dẫn thiết kế và triển khai kiến trúc micro-frontends thông qua các dự án thực tế. Bạn sẽ học cách tách ứng dụng lớn thành nhiều phần độc lập, giao tiếp giữa chúng bằng event bus, sử dụng module federation, và triển khai trên các môi trường khác nhau.