Htmx 4.0 ra mắt: chuyển sang fetch() và tích hợp morph swap

Htmx 4.0 đã chính thức ra mắt, tiếp tục cuộc chiến chống lại các framework JavaScript cồng kềnh bằng bộ máy mới và thiết lập mặc định gọn gàng hơn.

Sau tám tháng phát triển, đội ngũ htmx vừa tung ra phiên bản 4.0.0. Bên dưới hậu trường, thư viện này đã bỏ XMLHttpRequest để chuyển sang API fetch() hiện đại. Nhìn từ bên ngoài, cách hoạt động vẫn gần như bản 2, nhưng có thêm cơ chế kế thừa thuộc tính rõ ràng, chuẩn hóa tên sự kiện và tích hợp sẵn morph swap.

Vì sao bạn nên quan tâm: Cập nhật DOM sạch hơn và ít lỗi lịch sử trình duyệt hơn mà không cần thêm bước build phức tạp nào. Việc bỏ lưu snapshot trang vào localStorage khi bấm back giúp các script của bên thứ ba không còn bị lỗi bất ngờ nữa.

Nói ngắn gọn về chuyện nâng cấp: thuộc tính không còn tự động kế thừa xuống các thẻ con. Giờ bạn cần thêm :inherited vào thẻ cha, hoặc chạy công cụ CLI mới của nhóm để phát hiện code cũ và các event listener. Nếu bạn dùng NPM, bản 2.x vẫn sẽ giữ nhãn latest cho đến năm 2027 để tránh làm hỏng các đường link CDN không gắn phiên bản.

Framework single-page app của bạn có thể lại sắp phải đập đi viết lại rồi đấy, nhưng file HTML của bạn thì vừa thông minh hơn một bậc.