React Components: องค์ประกอบพื้นฐาน
React components คือส่วนประกอบต่างๆ ของ User Interface ของคุณ ช่วยให้คุณสร้างแอปพลิเคชันได้โดยแบ่งเป็นส่วนเล็กๆ
รักษา component ให้มีขนาดเล็ก ให้แต่ละ component มีหน้าที่ที่ชัดเจน แยก component ออกมาหากมันทำหน้าที่มากเกินไป
ตัวอย่าง:
- UserCard ไม่ควรทำหน้าที่ดึงข้อมูล (fetch data)
- UserCard ไม่ควรทำหน้าที่จัดการการส่งฟอร์ม (form submissions)
หนึ่ง component ทำหน้าที่เพียงอย่างเดียว เริ่มจากจุดเล็กๆ รักษาความสม่ำเสมอ เพื่อสร้าง UI ที่มีความซับซ้อน
ที่มา: https://dev.to/kahenda/react-components-the-building-blocks-you-need-to-know-215k