กลับหน้าบทเรียน
Export PDF
# สัปดาห์ที่ 11 State Management และ Data Binding --- ## State คืออะไร ข้อมูลที่เปลี่ยนระหว่างการใช้งาน - Form value - Selected item - Loading status - User data --- ## Data Binding เชื่อมข้อมูลกับ UI ```mermaid flowchart LR State[State] --> UI[Template] UI --> Event[User Event] Event --> State ``` --- ## Service - แยก business logic - แชร์ข้อมูลระหว่าง component - ลดโค้ดซ้ำ - ทดสอบง่ายขึ้น --- ## State ที่ดี - มีแหล่งข้อมูลชัดเจน - เปลี่ยนผ่าน function - ไม่กระจายซ้ำหลายที่ - debug ได้ --- ## กิจกรรม สร้าง Todo หรือ Cart พร้อม state และ service