React / Next.js

React: JSX, Virtual DOM, reconciliation, สถาปัตยกรรม fiber

Hook สมัยใหม่: useState, useEffect, useContext, useMemo, useCallback, useActionState

Server Component vs Client Component ("use client"), รูปแบบการประกอบ

Props, State, การยกสถานะขึ้น, prop drilling และวิธีแก้ไข

วงจรชีวิต React, การทำความสะอาด useEffect, อาร์เรย์ dependency, strict mode

Next.js App Router: การกำหนดเส้นทาง, layout, template, สถานะ loading/error

การดึงข้อมูล: async Server Component, fetch caching, กลยุทธ์การ revalidation

Server Action: progressive enhancement, useActionState, การจัดการฟอร์ม

กลยุทธ์การเรนเดอร์: SSR, SSG, ISR, client-side, streaming

การจัดการสถานะ: Context API, Zustand, Redux Toolkit, server state (TanStack Query)

ประสิทธิภาพ: React.memo, useMemo, useCallback, lazy loading, ขอบเขต Suspense

การกำหนดเส้นทาง: dynamic route, parallel route, intercepting route, middleware

Metadata และ SEO: generateMetadata, sitemap, robots.txt, Open Graph

การทดสอบ: ทดสอบ component, ทดสอบการรวม, E2E, mock, รูปแบบการทดสอบ

การเพิ่มประสิทธิภาพ build, วิเคราะห์ bundle, การ deploy (Vercel, Docker), การติดตาม