Nguồn: JavaScript Weekly Issue 781

Tóm tắt

MDN (Mozilla Developer Network) — tài liệu tham khảo web tiêu chuẩn cho hàng triệu developer — đã rebuild toàn bộ frontend stack, từ bỏ React và chuyển sang Web Components kết hợp với một hệ thống server component tự phát triển. Quyết định này được Leo McArdle (MDN) ghi lại chi tiết, giải thích các lý do kỹ thuật và trade-off.

Động lực chính là giảm lượng JavaScript không cần thiết shipped đến người dùng trên mỗi trang. MDN là site nặng về nội dung (content-heavy), nơi phần lớn interactivity là tương tác nhỏ và không cần full SPA framework. React và hydration model của nó tạo ra chi phí JavaScript không tương xứng với nhu cầu thực tế — đặc biệt trên mobile hay kết nối chậm.

Web Components được chọn vì chúng là browser-native, không cần bundler đặc biệt, hoạt động tốt với progressive enhancement và cho phép server render HTML tĩnh với các interactive element được “upgrade” sau khi load. Server component system tự phát triển của MDN cho phép compose các component trên server mà không cần ship component logic xuống client.

Bài học từ quyết định của MDN là framework adoption cần gắn với use case cụ thể: React phù hợp với highly interactive application, nhưng cho documentation site với interactivity có chọn lọc, Web Components + server rendering có thể cho performance tốt hơn với ít phức tạp hơn. Đây cũng là xu hướng rộng hơn trong industry khi nhiều team đánh giá lại “JavaScript by default” architecture.

👉 Đọc bài gốc