Ebook Xây Dựng Micro-Frontend - Các Hệ Thống Phân Tán Cho Frontend [Ấn Bản Lần 2, Tháng 11/2025] [PDF, EPUB] [9188E]
04 tháng 11 2025
/
No Comments
Frontend của bạn có đang làm chậm quá trình đổi mới và gây khó khăn cho việc cộng tác nhóm không? Hãy cân nhắc sử dụng micro-frontend - một giải pháp thiết thực để phá vỡ các rào cản phát triển và đẩy nhanh việc cung cấp tính năng. Trong phiên bản cập nhật thứ hai này, các software architect, tech lead và software developer sẽ học cách design, build và deploy các micro-frontend độc lập, tạo nên các hệ thống frontend độc đáo.
Tác giả một serverless specialist solutions architect tại AWS, sẽ cho bạn thấy cách các micro-frontend tạo ra sự linh hoạt trong một tổ chức, phân cấp việc ra quyết định và tối ưu hóa flow nhanh chóng. Điều này mang lại sự linh hoạt về mặt kỹ thuật cho tổ chức của bạn và cho phép bạn tuyển dụng và giữ chân nhiều nhân tài. Micro-frontend cũng support distributed hoặc colocated team hiệu quả hơn. Hãy bắt đầu chuyển đổi chiến lược frontend của bạn ngay hôm nay với các kỹ thuật đã được chứng minh về tốc độ phân phối, tính tự chủ và khả năng mở rộng.
- ✓ Tăng tốc phân phối với bốn trụ cột nền tảng cho thành công của micro-frontend.
- ✓ Áp dụng các nactionable principle và best practice để trao quyền cho team của bạn.
- ✓ Tìm hiểu những lợi ích và cạm bẫy của kiến trúc micro-frontend.
- ✓ Tích hợp micro-frontend liền mạch với các microservice và hệ thống phân tán.
- ✓ Kiến trúc các giải pháp client-side & server-side micro-frontend để đạt hiệu quả tối đa.
Mục lục:
- ✓ Chương 1. Các nguyên lý Micro-Frontend:
- + Từ Monolith đến Distributed Systems.
- + Chuyển sang Microservices.
- + Giới thiệu Micro-Frontend.
- + Microservices Principles.
- + Áp dụng Principles vào Micro-Frontend.
- + Những thách thức riêng của Micro-Frontend.
- + Micro-Frontend không phải là một giải pháp thần kỳ.
- ✓ Chương 2. Kiến trúc Micro-Frontend và những thách thức:
- + Micro-Frontend Decision Framework.
- + Defining Micro-Frontend.
- + DDD với Micro-Frontend.
- + Cách Define một Bounded Context.
- + Testing Micro-Frontend Boundaries của Bạn.
- + Micro-Frontend Composition.
- + Routing Micro-Frontend.
- + Micro-Frontend Communication.
- + Micro-Frontends in Practice.
- ✓ Chương 3. Khám phá các Kiến trúc Micro-Frontend:
- + Ứng dụng của Micro-Frontend Decision Framework.
- + Architecture Analysis.
- + Architecture & Trade-Offs.
- + Vertical-Split Architecture.
- + Horizontal-Split Architecture.
- + iframes.
- + Web Component.
- + Web Fragment.
- + Server Side.
- + Modern Server-Side Rendering Framework.
- + Edge Side.
- ✓ Chương 4. Client-Side Rendering Micro-Frontend:
- + Project .
- + Module Federation 101.
- + Technical Implementation.
- + Project Evolution.
- ✓ Chương 5. Server-Side Rendering Micro-Frontend:
- + Khi nào nên sử dụng Server-Side Rendering.
- + Scalability Challenges.
- + Dividing Micro-Frontend.
- + Composition Approaches.
- + Main Challenge.
- + HTML Fragments.
- + Splitting by URL.
- + Formula 1 Website được hỗ trợ bởi Micro-Frontend.
- + Next.js Multi-Zones.
- + Home Zone: Entry Point của ứng dụng Web của bạn.
- + Cách xử lý các Shared Component.
- + Cách quản lý Dữ liệu.
- + API Strategies.
- + Đừng sợ Cache: Scaling SSR với các chiến lượcSmart Caching.
- + Các loại Cache mà mọi Developer nên biết.
- + BBC Architecture: Caching in Action.
- + Performance: Key Reason cho Server-Side Rendering.
- ✓ Chương 6. Micro-Frontend Automation:
- + Automation Principles.
- + Developer Experience.
- + Version Control.
- + Continuous Integration Strategies.
- + Testing Micro-Frontend.
- + Fitness Function.
- + Micro-Frontend-Specific Operation.
- + Observability.
- ✓ Chương 7. Khám phá và Deploy Micro-Frontend:
- + Blue-Green Deployment vs. Canary Releases.
- + Problem Space.
- + Welcome to Frontend Discovery Schema.
- + Lợi ích của This Pattern.
- + Triển khai thực tế.
- + Một ví dụ tích hợp với Module Federation.
- + Tích hợp Discovery Pattern với các giải pháp khác.
- + Feature Flags thì sao?
- + Availability trong Market.
- ✓ Chương 8. Automation Pipeline cho Micro-Frontends: Case Study:
- + Setting Scene.
- + Version Control.
- + Pipeline Initialization.
- + Code-Quality Review.
- + Build.
- + Post-Build Review.
- + Deployment.
- + Automation Strategy Summary.
- ✓ Chương 9. Các Backend Pattern cho Micro-Frontend:
- + Tích hợp API và Micro-Frontend.
- + Làm việc với một Service Dictionary.
- + Làm việc với một API Gateway.
- + Làm việc với BFF Pattern.
- + Sử dụng GraphQL với Micro-Frontend.
- + Best Practices.
- ✓ Chương 10. Các Antipattern phổ biến trong các triển khai + Micro-Frontend:
- + Micro-Frontend hay Component?
- + Sharing State giữa các Micro-Frontend.
- + Micro-Frontend Anarchy.
- + Anti-Corruption Layer to Rescue.
- + Unidirectional Sharing.
- + Premature Abstraction.
- ✓ Chương 11. Di chuyển sang Micro-Frontend:
- + Why Go Iterative?
- + Tôi đang cố gắng giải quyết những vấn đề nào với Micro-Frontend?
- + Làm thế nào để tôi có thể thuyết phục Management tham gia vào quá trình di chuyển này?
- + Tôi nên lập kế hoạch di chuyển như thế nào?
- + Làm thế nào để tôi quyết định Module hoặc Tính năng nào cần di chuyển trước?
- + Làm thế nào để tôi duy trì trải nghiệm người dùng và tính nhất quán trong quá trình di chuyển?
- + Làm thế nào để tôi xử lý các Shared Dependency và Version Management giữa Legacy & Micro-Frontend Code?
- + Làm thế nào để tôi quản lý các Cross-Cutting Concern như Auth, Routing hoặc State trong quá trình di chuyển?
- + Tôi có cần Microservices để di chuyển sang Micro-Frontends không?
- ✓ Chương 12. Từ Monolith sang Micro-Frontend: Case Study:
- + Context.
- + Migration Strategy.
- + Splitting SPA thành Multiple Subdomain.
- + Lựa chọn công nghệ
- + Chi tiết triển khai.
- ✓ Chương 13. Giới thiệu Micro-Frontend trong tổ chức của bạn:
- + Tại sao chúng ta nên sử dụng Micro-Frontends?
- + Dữ liệu để cứu cánh.
- + Tạo một Trade-Off Analysis.
- + Mối liên kết giữa tổ chức và kiến trúc phần mềm
- + How Do Committees Invent?
- + Features vs Components Teams.
- + Triển khai quản trị để đơn giản hóa Communication Flow.
- + Các kỹ thuật để tăng cường Communication Flow.
- + Một tổ chức phi tập trung.
- + Những tác động của phi tập trung đối với Micro-Frontend.
- ✓ Chương 14. AI & Micro-Frontend: Tăng cường, chứ không phải thay thế:
- + Kiến trúc vẫn chưa thể tự động hóa.
- + Context Engineering to Rescue.
- + Các trường hợp sử dụng AI khả thi hiện nay.
- + Cẩm nang làm việc với AI của tôi.
- + Where Code Assistant & AI Fall Short.
- + Tương lai của AI và Micro-Frontend.