teeeeeeeee
Senior Member
Hế lô mấy thím!
Dạo gần đây e có cơ hội làm việc với web components. Nguyên nhân sâu xa là một team khác chuyên về platform đã build một library để sử dụng cho toàn bộ những dự án của công ty và họ chọn Web Component với lý do duy nhất là vì Framework Agnostic và vì mỗi element đều đc đóng gói styles của riêng nó. (Riêng em nghĩ điều này có thể dễ dàng đạt được bằng element bình thường)
Vì lần đầu nên e cũng khá hào hứng cho tới khi bắt tay vô làm thật thì cảm thấy thứ này khá là tệ hại
Project e đang làm sử dụng React và để có thể sử dụng được với những library đang được sử dụng thì team e phải build một layer React wrapped lại những components của team kia để sử dụng (double công việc lên trong khi nếu sử dụng HTML element bình thường thì sẽ không có trường hợp này).
Lấy một ví dụ đơn giản thì component input của Web Component bên phía team họ làm không có khả năng hoạt động với HTML form element bình thường (điều này cũng có vẻ là do limitation của shadow DOM) => Team họ đang muốn viết thêm một Form element bằng WebComponent và e cũng không chắc là nó sẽ hoạt động tốt với một số lib bây giờ.
Lib e đang nói tới để sử dụng trong công việc form validation và error handling.
Điều thứ hai, là vì shadow DOM họ đang là mode open nên cây DOM cho browser cực kì khổng lồ
nhưng để mode close lại không thể được vì những framework E2E test không thể đọc được data của web component. (Và điều này cũng được raise một lần về vấn đề perf của webcomponent khi sử dụng với mode là open).
Em muốn nghe chia sẻ cũng như kinh nghiệm khi làm việc của các thím về web component.
Theo ý kiến cá nhân em thì cho tới thời điểm bây giờ, web component vẫn ko có điểm gì nổi trội để có thể chọn nó thay vì là HTML element bình thường
Dạo gần đây e có cơ hội làm việc với web components. Nguyên nhân sâu xa là một team khác chuyên về platform đã build một library để sử dụng cho toàn bộ những dự án của công ty và họ chọn Web Component với lý do duy nhất là vì Framework Agnostic và vì mỗi element đều đc đóng gói styles của riêng nó. (Riêng em nghĩ điều này có thể dễ dàng đạt được bằng element bình thường)
Vì lần đầu nên e cũng khá hào hứng cho tới khi bắt tay vô làm thật thì cảm thấy thứ này khá là tệ hại
Project e đang làm sử dụng React và để có thể sử dụng được với những library đang được sử dụng thì team e phải build một layer React wrapped lại những components của team kia để sử dụng (double công việc lên trong khi nếu sử dụng HTML element bình thường thì sẽ không có trường hợp này).
Lấy một ví dụ đơn giản thì component input của Web Component bên phía team họ làm không có khả năng hoạt động với HTML form element bình thường (điều này cũng có vẻ là do limitation của shadow DOM) => Team họ đang muốn viết thêm một Form element bằng WebComponent và e cũng không chắc là nó sẽ hoạt động tốt với một số lib bây giờ.
Lib e đang nói tới để sử dụng trong công việc form validation và error handling.
Điều thứ hai, là vì shadow DOM họ đang là mode open nên cây DOM cho browser cực kì khổng lồ
Em muốn nghe chia sẻ cũng như kinh nghiệm khi làm việc của các thím về web component.
Theo ý kiến cá nhân em thì cho tới thời điểm bây giờ, web component vẫn ko có điểm gì nổi trội để có thể chọn nó thay vì là HTML element bình thường