โหมดติวตอบกรรมการ
หัวข้อที่ 38 จากทั้งหมด 62
13.2 Frontend Patterns
สรุปสั้น: Pattern อธิบาย ตัวอย่างในโค้ด Service Layer แยก API calls ออกจาก UI components services/.service.ts Context Provider แชร์ state ระหว่าง components contexts/SocketContext.tsx Custom Hooks Encapsulate logic เป็น reusable hooks hooks...
คำสำคัญ
- components
- hooks
- service
- tab
- attendance
- callbacks
คำถามที่กรรมการมักถาม
- หัวข้อ "13.2 Frontend Patterns" คืออะไร และทำไมถึงสำคัญกับโปรเจกต์ของคุณ?
- ตอนออกแบบเรื่อง hooks คุณเทียบทางเลือกอะไรบ้าง และเหตุผลที่เลือกวิธีสุดท้ายคืออะไร?
- ถ้ากรรมการท้วงเรื่อง service คุณจะอธิบายและป้องกันแนวทางนี้อย่างไร?
- ถ้าต้องปรับปรุง components ให้ดีขึ้นทันที คุณจะเริ่มแก้อะไรก่อน เพราะอะไร?
ตัวอย่างคำตอบ
สำหรับหัวข้อ "13.2 Frontend Patterns" เป้าหมายหลักคือ Pattern อธิบาย ตัวอย่างในโค้ด Service Layer แยก API calls ออกจาก UI components services/.service.ts Context Provider แชร์ state ระหว่าง components contexts/SocketContext.tsx Custom Hooks Encapsulate logic เป็น reusable hooks hooks... แนวทางที่ใช้เชื่อมโยงกับความต้องการระบบ ช่วยให้ระบบเชื่อถือได้และดูแลง่ายขึ้น และเมื่อเทียบกับทางเลือกอื่นถือว่าเหมาะสมที่สุดภายใต้ข้อจำกัดของโปรเจกต์นี้
คำนวณยังไง
- เปอร์เซ็นความคืบหน้า:
Math.round((index / total) * 100)=Math.round((38 / 62) * 100)= 61% - ลำดับหัวข้อปัจจุบัน: รับจาก query
?section=แล้วบังคับให้อยู่ในช่วง1..62ค่าที่รับมา:38, ค่าสุดท้าย:38 - จำนวนหัวข้อทั้งหมด:
62(นับจากหัวข้อ markdown ระดับ##และ###) - สรุปสั้น: สร้างจาก
summarizeText(stripMarkdown(sectionContent), 230) - คำสำคัญ: ดึงจากความถี่คำในชื่อหัวข้อ + เนื้อหา หลังกรองคำฟุ่มเฟือย (stopwords)
- คำถามกรรมการ: สร้างจาก template โดยอิงชื่อหัวข้อและคำสำคัญหลัก