HTML Web Components

 (blog.jim-nielsen.com)
2 điểm bởi GN⁺ 2023-11-14 | 1 bình luận | Chia sẻ qua WhatsApp

Tìm hiểu về HTML Web Components

  • Web Components ưu tiên chức năng và cách sử dụng khác với React components.
  • Web Components có thiết kế coi trọng việc tăng cường hơn là thay thế.
  • Web Components có thể được render ngay cả khi không có JavaScript, và đây là đặc điểm khác biệt so với React components.

Chiến thắng của cách tiếp cận tăng cường trên web

  • Web khuyến khích cách tiếp cận tăng cường, cải thiện các công nghệ hiện có, từ đó nâng cao khả năng phục hồi của web.
  • Những thay đổi lớn của web được thực hiện thông qua tăng cường dần dần.
  • Những ý tưởng hay từ XHTML, XMLHttpRequest, Sass, jQuery và Typescript đã được tích hợp vào các tiêu chuẩn web để cải thiện các công nghệ hiện có.
  • Web Components mang mô hình component của React lên web, nhưng theo hướng cải thiện cách web vốn hoạt động.

Ý kiến của GN⁺

  • Điều quan trọng là Web Components đang phát triển theo hướng cải thiện, thay vì thay thế, các công nghệ web hiện có.
  • Bài viết này có thể thú vị với các nhà phát triển web trong việc hiểu triết lý thiết kế độc đáo của Web Components và hướng phát triển dài hạn của công nghệ web.

Bài viết liên quan

1 bình luận

 
GN⁺ 2023-11-14
Ý kiến trên Hacker News
  • Chỉ ra rằng phần mô tả chức năng cho avatar người dùng còn thiếu, và cho rằng việc dùng trực tiếp thuộc tính src có thể hiệu quả hơn. Có vẻ như các framework frontend đang mở rộng HTML thay vì thay thế nó. Bày tỏ sự thất vọng với web component và cho rằng cách tiếp cận “kèm sẵn mọi thứ” mà framework cung cấp hữu ích hơn cho việc phát triển ứng dụng.
  • Chia sẻ liên kết đến một bài viết cung cấp thêm thông tin về web component. Nhấn mạnh rằng chúng có thể được render thông qua server-side rendering (SSR) trước khi JavaScript chạy.
  • Đề cập rằng các component của framework frontend sẽ không bị thay thế hoàn toàn và có thể dễ dàng kết hợp bằng slot. Ngược lại, chỉ trích web component là khó sử dụng và khiến người dùng phải phụ thuộc vào DOM API. Lập luận rằng XHTML thất bại không phải vì nó không mở rộng HTML, mà vì việc kiểm tra tính hợp lệ được đặt ở phía client.
  • Chia sẻ trải nghiệm tích cực với web component, đưa ra cách tiếp cận chủ yếu sử dụng HTML/CSS mà không cần bước build phức tạp hay router phía client.
  • Đưa ra góc nhìn rằng React mở rộng HTML chứ không thay thế nó, đồng thời chia sẻ trải nghiệm sử dụng các tính năng sẵn có của trình duyệt.
  • Nhấn mạnh rằng web component nên tập trung vào một chức năng đơn lẻ, đồng thời cho rằng chúng cung cấp cả một hệ sinh thái hoàn chỉnh khi so sánh với các framework JS. Chia sẻ kinh nghiệm tự phát triển web component cho trình phát video của mình.
  • Chia sẻ trải nghiệm sử dụng web component mà không cần môi trường build, đồng thời chỉ ra rằng việc thiếu HTML module đang cản trở sự phát triển của web component.
  • Cho biết họ ưa chuộng cách tiếp cận mở rộng và tăng cường HTML về mặt kỹ thuật để phục vụ việc bảo trì lâu dài cho các dự án web và giảm thiểu phụ thuộc.
  • Đưa ra ví dụ về cách sử dụng web component theo chuẩn, đồng thời giải thích phương pháp dùng thuộc tính is.