เว็บคอมโพเนนต์ HTML

 (blog.jim-nielsen.com)
2 คะแนน โดย GN⁺ 2023-11-14 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

ทำความเข้าใจเว็บคอมโพเนนต์ HTML

  • เว็บคอมโพเนนต์ให้ความสำคัญกับความสามารถและรูปแบบการใช้งานที่แตกต่างจากคอมโพเนนต์ของ React
  • เว็บคอมโพเนนต์มีการออกแบบที่ให้ความสำคัญกับการเสริมศักยภาพมากกว่าการแทนที่
  • เว็บคอมโพเนนต์สามารถเรนเดอร์ได้แม้ไม่มี JavaScript ซึ่งเป็นลักษณะเด่นที่แตกต่างจากคอมโพเนนต์ของ React

ชัยชนะของการเสริมศักยภาพบนเว็บ

  • เว็บสนับสนุนแนวทางแบบเสริมศักยภาพที่ช่วยยกระดับเทคโนโลยีเดิม และทำให้เว็บมีความยืดหยุ่นสูงขึ้น
  • การเปลี่ยนแปลงครั้งใหญ่ของเว็บเกิดขึ้นผ่านการเสริมศักยภาพแบบค่อยเป็นค่อยไป
  • ไอเดียที่ดีจาก XHTML, XMLHttpRequest, Sass, jQuery และ Typescript ถูกผสานเข้าเป็นส่วนหนึ่งของมาตรฐานเว็บ เพื่อยกระดับเทคโนโลยีเดิม
  • เว็บคอมโพเนนต์นำโมเดลคอมโพเนนต์ของ React มาสู่เว็บ แต่ดำเนินไปในทิศทางที่ช่วยยกระดับวิธีการทำงานของเว็บแบบเดิม

ความเห็นของ GN⁺

  • สิ่งสำคัญคือเว็บคอมโพเนนต์กำลังพัฒนาไปในทิศทางของการยกระดับเทคโนโลยีเว็บเดิม มากกว่าการเข้ามาแทนที่
  • บทความนี้อาจน่าสนใจสำหรับนักพัฒนาเว็บที่ต้องการเข้าใจปรัชญาการออกแบบอันเป็นเอกลักษณ์ของเว็บคอมโพเนนต์ และทิศทางการพัฒนาเทคโนโลยีเว็บในระยะยาว

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-11-14
ความเห็นจาก Hacker News
  • ชี้ว่าคำอธิบายฟังก์ชันเกี่ยวกับอวาตาร์ผู้ใช้ยังไม่เพียงพอ และระบุว่าการใช้แอตทริบิวต์ src โดยตรงอาจมีประสิทธิภาพมากกว่า ดูเหมือนว่าเฟรมเวิร์กฝั่งฟรอนต์เอนด์จะเป็นการขยาย HTML มากกว่าการมาแทนที่ แสดงความผิดหวังต่อเว็บคอมโพเนนต์ และโต้แย้งว่าแนวทางแบบ "batteries included" ที่เฟรมเวิร์กมอบให้นั้นมีประโยชน์ต่อการพัฒนาแอปมากกว่า
  • แชร์ลิงก์บทความที่ให้ข้อมูลเพิ่มเติมเกี่ยวกับเว็บคอมโพเนนต์ โดยเน้นว่าสามารถเรนเดอร์ผ่าน server-side rendering (SSR) ได้ก่อนที่ JavaScript จะเริ่มทำงาน
  • กล่าวว่าคอมโพเนนต์ของเฟรมเวิร์กฟรอนต์เอนด์ไม่ได้ถูกแทนที่ทั้งหมด และสามารถประกอบเข้าด้วยกันได้ง่ายโดยใช้ slot ในทางกลับกัน วิจารณ์ว่าเว็บคอมโพเนนต์ใช้งานยากและทำให้ต้องพึ่งพา DOM API อีกทั้งยังโต้แย้งว่าเหตุผลที่ XHTML ล้มเหลวไม่ใช่เพราะมันไม่ได้ขยาย HTML แต่เป็นเพราะนำการตรวจสอบความถูกต้องไปไว้ฝั่งไคลเอนต์
  • แชร์ประสบการณ์เชิงบวกกับเว็บคอมโพเนนต์ พร้อมนำเสนอแนวทางที่ใช้ HTML/CSS เป็นหลักโดยไม่ต้องมีขั้นตอน build ที่ซับซ้อนหรือ client-side router
  • เสนอทัศนะว่า React เป็นการขยาย HTML มากกว่าการแทนที่ พร้อมแชร์ประสบการณ์การใช้งานที่อาศัยความสามารถพื้นฐานของเบราว์เซอร์
  • เน้นว่าเว็บคอมโพเนนต์ควรมุ่งเน้นเพียงฟังก์ชันเดียว และเมื่อเทียบกับ JS framework แล้ว มันมอบทั้ง ecosystem ได้ไม่ครบ พร้อมแชร์ประสบการณ์การพัฒนาเว็บคอมโพเนนต์สำหรับวิดีโอเพลเยอร์ของตนเอง
  • แชร์ประสบการณ์การใช้เว็บคอมโพเนนต์โดยไม่ต้องมีสภาพแวดล้อมสำหรับ build พร้อมชี้ว่าการไม่มี HTML modules กำลังขัดขวางการพัฒนาของเว็บคอมโพเนนต์
  • ระบุว่าตนชอบแนวทางการขยายและเสริมความสามารถให้ HTML ในเชิงเทคนิค เพื่อการบำรุงรักษาโปรเจ็กต์เว็บระยะยาวและเพื่อลดการพึ่งพา dependency ให้เหลือน้อยที่สุด
  • ยกตัวอย่างวิธีการใช้งานเว็บคอมโพเนนต์แบบมาตรฐาน พร้อมอธิบายวิธีใช้แอตทริบิวต์ is