พื้นฐาน Next.js
App Router, Server Components, Client Components, routing ตามไฟล์, layouts, หน้า
1App Router ใน Next.js คืออะไร?
App Router ใน Next.js คืออะไร?
คำตอบ
App Router คือระบบ routing ใหม่ใน Next.js 13+ ที่อิงตามไดเร็กทอรี app/ ซึ่งแทนที่ Pages Router และแนะนำ Server Components เป็นค่าเริ่มต้น, shared layouts และรูปแบบ routing ที่ยืดหยุ่นมากขึ้นพร้อมกับ file conventions เช่น page.tsx, layout.tsx และ loading.tsx
2จะสร้าง route /about ใน App Router ได้อย่างไร?
จะสร้าง route /about ใน App Router ได้อย่างไร?
คำตอบ
ใน App Router แต่ละโฟลเดอร์แทน route segment เพื่อสร้าง /about ให้สร้าง app/about/page.tsx ไฟล์ page.tsx จำเป็นต้องมีเพื่อให้ route เข้าถึงได้สาธารณะ หากไม่มีไฟล์นี้ โฟลเดอร์จะเป็นเพียง path segment โดยไม่มีหน้าแสดง
3พฤติกรรมเริ่มต้นของ components ใน App Router คืออะไร?
พฤติกรรมเริ่มต้นของ components ใน App Router คืออะไร?
คำตอบ
ใน App Router คอมโพเนนต์ทั้งหมดเป็น Server Components เป็นค่าเริ่มต้น คอมโพเนนต์เหล่านี้ทำงานบนเซิร์ฟเวอร์เท่านั้นและไม่ส่ง JavaScript ไปยัง client ซึ่งช่วยปรับปรุงประสิทธิภาพ ในการใช้คุณสมบัติของ client (hooks, events) คุณต้องเพิ่ม directive 'use client' ที่ด้านบนของไฟล์
จะสร้าง dynamic route /posts/[id] ใน App Router ได้อย่างไร?
ไฟล์ layout.tsx ใน App Router มีไว้เพื่ออะไร?
+22 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React / Next.js อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
React Hooks
วงจรชีวิตของ component
React Router
การจัดการ state ด้วย Context
ฟอร์มและ Controlled Components
การดึงข้อมูลและ API
React Query (TanStack Query)
Styling & CSS-in-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
React Server Components
การแปลภาษา Next.js
React ความปลอดภัย & แนวปฏิบัติที่ดีที่สุด
เชี่ยวชาญ React / Next.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี