สอนเขียน React และ Next.js ให้ดูแลต่อได้
บทเรียนเขียน React 19 และ Next.js 16 ให้โค้ดอ่านง่ายและแก้ต่อได้ เริ่มจากตั้งโปรเจกต์และเกณฑ์ขนาดไฟล์ แบ่งงานระหว่าง server กับ client แยก component ด้วย hook, props และ compound component แล้วจบที่วิธี refactor ไฟล์ใหญ่โดยพฤติกรรมไม่เปลี่ยน ทุกบทมีโค้ดก่อนและหลังจากสิ่งที่เจอในงานจริง
4 หมวด · 14 บทอ่านรวมประมาณ 82 นาทีอัปเดต
หมวด 1
ตั้งโปรเจกต์
3 บท · 19 นาที
หมวด 2
Server และ Client
2 บท · 14 นาที
หมวด 3
Component
6 บท · 32 นาที
- 6วิธีแยก custom hook ทีละเรื่องจาก component ที่ใหญ่เกิน7 นาที
- 7วิธีแยก component ย่อยที่รับ props และส่ง callback ออก6 นาที
- 8วิธีลด props ด้วย compound component และการจัดกลุ่ม props5 นาที
- 9วิธีกันฟอร์มส่งซ้ำด้วย hook ที่คุมการ submit ที่เดียว5 นาที
- 10วิธีแยกฟังก์ชันล้วนออกจาก component React ให้ test ได้4 นาที
- 11วิธีจัดโครง component React ไม่ให้เกิด stale closure5 นาที
หมวด 4
Refactor ให้ปลอดภัย
3 บท · 17 นาที