ข้ามไปยังเนื้อหาหลัก

การสร้าง UI Components ที่นำกลับมาใช้ใหม่ได้

เรียนรู้วิธีสร้าง Component ที่สามารถนำไปใช้ซ้ำได้ในหลายส่วนของแอปพลิเคชัน รวมถึงการจัดการ State ของ Component และการสื่อสารระหว่าง Component

ปานกลาง 5 บทความย่อย

สารบัญบทเรียน (Roadmap)

ทำตามขั้นตอนจากบนลงล่าง
2

สร้าง Component แรกด้วย Bit

บทความนี้แนะนำวิธีการสร้าง UI Component ชิ้นแรกด้วย Bit ตั้งแต่การติดตั้ง Bit CLI, การสร้าง Workspace และ Component, การทดสอบ Component ด้วย Jest, ไปจนถึงการ pu...

3

สร้าง Component แรกด้วย Storybook

บทความนี้แนะนำ Storybook ซึ่งเป็นเครื่องมือสำหรับการพัฒนา UI Component แบบ Isolation และการสร้างเอกสารประกอบการใช้งานที่ชัดเจน โดยสอนตั้งแต่การติดตั้ง Storybook...

4

การจัดการ State ใน Component

บทความนี้กล่าวถึงความสำคัญของการจัดการ State ใน Component เพื่อให้ Component ทำงานได้อย่างถูกต้องและมีประสิทธิภาพ โดยแนะนำเครื่องมือหลักๆ อย่าง Context API และ...

5

การสื่อสารระหว่าง Component

บทความนี้กล่าวถึงความสำคัญของการสื่อสารระหว่าง Component เพื่อสร้าง UI ที่ซับซ้อน โดยแนะนำเทคนิคหลักๆ คือ Props (ส่งข้อมูลจาก Parent ไป Child) และ Events/Callba...