single-spa là gì? Nó giải quyết vấn đề gì?

single-spa là một framework điều phối (orchestrator): một root-config đăng ký các micro-frontend và quyết định mảnh nào active theo route hiện tại, còn mỗi micro-frontend export các lifecycle bootstrap / mount / unmount để root-config gọi khi vào/rời route.

• Nhờ vậy bạn có thể chạy nhiều framework (React, Vue, Angular) cùng một trang.
• Mỗi mảnh khai báo activeWhen (ví dụ active khi path bắt đầu bằng /checkout).
• Khác biệt với Module Federation: single-spa phụ trách phần điều phối và vòng đời (cái nào hiện, khi nào mount/unmount), còn Module Federation phụ trách phần nạp và chia sẻ code — trong thực tế hai cái thường được dùng kèm nhau.
• Lưu ý: vì các app mount/unmount động, mỗi app phải dọn dẹp sạch (event listener, timer) trong unmount để tránh rò rỉ bộ nhớ.