← กลับไปยัง Level 1 Roadmap
Next.js · Level 1 · Week 1

สัปดาห์ที่ 1: RSC Mental Model & Layout System

ทำความเข้าใจขอบเขตระหว่าง Server และ Client รวมถึงระบบ Routing ใหม่

สัปดาห์ที่ 1: RSC Mental Model & Layout System

มุ่งเน้นการเข้าใจขอบเขตระหว่าง Server และ Client รวมถึงระบบ Routing ใหม่

  1. Day 1: Server Components vs. Client Components Boundary ('use client' directive และ serialization)
  2. Day 2: Nested Layouts & Pages Architecture (การส่งผ่าน children และการแชร์ State ใน Layout)
  3. Day 3: Templates vs. Layouts (ความแตกต่างในการ Re-mount และการเก็บ State)
  4. Day 4: Special Files Hierarchy (loading.tsx, error.tsx, not-found.tsx, global-error.tsx)
  5. Day 5: Linking & Navigation Mechanics (<link />, useRouter, Prefetching, และ Soft Navigation)
  6. Day 6–7: Review Quiz สัปดาห์ที่ 1 & ฝึกซ้อมย่อย