คอมโพเนนต์คือองค์ประกอบพื้นฐานของเว็บแอปพลิเคชันสมัยใหม่ คุณควรทำตามแนวทางปฏิบัติแนะนำใดเมื่อสร้างคอมโพเนนต์ของคุณเองเพื่อให้ใช้งานได้ยาวนาน คอมโพเนนต์คือองค์ประกอบพื้นฐานของเว็บแอปพลิเคชันสมัยใหม่ คุณควรทำตามแนวทางปฏิบัติแนะนำใดเมื่อสร้างคอมโพเนนต์ของคุณเองเพื่อให้คอมโพเนนต์เหล่านั้นใช้งานได้ยาวนาน
องค์ประกอบที่กำหนดเอง
องค์ประกอบที่กำหนดเองช่วยให้นักพัฒนาซอฟต์แวร์สามารถขยาย HTML และสร้างแท็กของตนเองได้ เนื่องจากองค์ประกอบที่กำหนดเองเป็นไปตามมาตรฐาน จึงได้รับประโยชน์จากโมเดลคอมโพเนนต์ในตัวของเว็บ ผลลัพธ์ที่ได้คือโค้ดแบบโมดูลาร์มากขึ้นซึ่งสามารถนำกลับมาใช้ซ้ำได้ในบริบทต่างๆ มากมาย ดูข้อมูลเพิ่มเติม
Shadow DOM
Shadow DOM เป็นมาตรฐานเว็บที่นำเสนอการรวมสไตล์คอมโพเนนต์และมาร์กอัปเข้าด้วยกัน ซึ่งเป็นส่วนสำคัญอย่างยิ่งของเรื่องราวเกี่ยวกับคอมโพเนนต์บนเว็บ เนื่องจากช่วยให้มั่นใจได้ว่าคอมโพเนนต์จะทำงานในทุกสภาพแวดล้อม แม้ว่าจะมี CSS หรือ JavaScript อื่นๆ ทำงานอยู่ในหน้าเว็บก็ตาม ดูข้อมูลเพิ่มเติม
แนวทางปฏิบัติแนะนำ
เนื่องจากองค์ประกอบที่กำหนดเองและ Shadow DOM เป็นองค์ประกอบพื้นฐานระดับต่ำ จึงอาจไม่ชัดเจนเสมอไปว่าจะรวมองค์ประกอบเหล่านี้เข้าด้วยกันอย่างไรเพื่อสร้างคอมโพเนนต์ที่มีประสิทธิภาพและทำงานได้ดีในสภาพแวดล้อมที่แตกต่างกัน แม้ว่าคุณจะทำอะไรก็ได้ด้วย API เหล่านี้ แต่เราขอแนะนำแนวทางปฏิบัติแนะนำต่อไปนี้เพื่อช่วยให้คอมโพเนนต์ทำงานได้ดีในทุกที่ ดูข้อมูลเพิ่มเติม