React Server Components
สถาปัตยกรรม RSC, คอมโพเนนต์เซิร์ฟเวอร์ vs ไคลเอนต์, การซีเรียลไลเซชัน, สตรีมมิ่ง, ขอบเขต Suspense
1React Server Component คืออะไร?
React Server Component คืออะไร?
คำตอบ
Server Components คือ React component ที่รันเฉพาะบนเซิร์ฟเวอร์และไม่ถูกส่งไปยัง client เลย ต่างจาก component ทั่วไป ไม่จำเป็นต้อง hydrate ฝั่ง client ซึ่งช่วยลดขนาด JavaScript bundle ได้อย่างมาก สามารถเข้าถึงทรัพยากร backend (ฐานข้อมูล, ระบบไฟล์) โดยตรงโดยไม่เปิดเผย secret หรือ API key
2วิธีประกาศ Client Component ใน React คืออะไร?
วิธีประกาศ Client Component ใน React คืออะไร?
คำตอบ
directive 'use client' ที่วางไว้ที่ด้านบนของไฟล์ระบุว่า component และ child ที่ import มาทั้งหมดเป็น Client Components directive นี้ทำเครื่องหมายขอบเขตระหว่างโค้ด server และ client หากไม่มี directive นี้ component จะเป็น Server Components โดยค่าเริ่มต้นใน framework ที่รองรับ RSC เช่น Next.js App Router
3ความแตกต่างหลักระหว่าง Server และ Client Components คืออะไร?
ความแตกต่างหลักระหว่าง Server และ Client Components คืออะไร?
คำตอบ
Server Components รันบนเซิร์ฟเวอร์และโค้ดไม่เคยถูกส่งไปยัง client ในขณะที่ Client Components ถูกส่งไปยังเบราว์เซอร์และต้องใช้ JavaScript สำหรับการโต้ตอบ ความแตกต่างพื้นฐานนี้ส่งผลต่อการเข้าถึงทรัพยากร ขนาด bundle และความสามารถในการโต้ตอบ Server Components ไม่สามารถใช้ React hook หรือจัดการ event ของผู้ใช้ได้
React hook ใดที่ใช้ได้ใน Server Component?
วิธีดึงข้อมูลใน Server Component คืออะไร?
+23 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React / Next.js อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
React Hooks
วงจรชีวิตของ component
React Router
การจัดการ state ด้วย Context
ฟอร์มและ Controlled Components
การดึงข้อมูลและ API
React Query (TanStack Query)
Styling & CSS-in-JS
พื้นฐาน Next.js
TypeScript กับ React
การดึงข้อมูล Next.js
Server Actions ของ Next.js
การกำหนดเส้นทางและการนำทางใน Next.js
API Routes ใน Next.js
Metadata & SEO ใน Next.js
Middleware และ Auth ใน Next.js
การทดสอบ React
Zustand State Management
การเพิ่มประสิทธิภาพ React
Error Boundaries & การจัดการข้อผิดพลาด
Advanced React Patterns
ฟีเจอร์ขั้นสูงของ Next.js
การ Deploy & Production ของ Next.js
Architecture & Design Patterns
การแปลภาษา Next.js
React ความปลอดภัย & แนวปฏิบัติที่ดีที่สุด
เชี่ยวชาญ React / Next.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี