Question 1

BrowserRouter ใน React Router คืออะไร?

Accepted Answer

BrowserRouter ใช้ History API ของเบราว์เซอร์เพื่อสร้าง URL ที่สะอาดโดยไม่มี hash ต่างจาก HashRouter ที่เพิ่ม # ใน URL, BrowserRouter ให้ประสบการณ์ผู้ใช้และ SEO ที่ดีกว่า อย่างไรก็ตาม ต้องการการตั้งค่าเซิร์ฟเวอร์เพื่อจัดการ route ในระบบ production อย่างถูกต้อง

Question 2

ควรใช้คอมโพเนนต์ใดเพื่อกำหนด route ใน React Router?

Accepted Answer

คอมโพเนนต์ Route กำหนดการจับคู่ระหว่าง URL path และคอมโพเนนต์ที่จะแสดง ต้องวางไว้ภายในคอมโพเนนต์ Routes เพื่อให้ทำงานได้อย่างถูกต้อง แต่ละ Route ระบุ path และ element ที่จะ render เมื่อ URL ตรงกัน

Question 3

จุดประสงค์ของคอมโพเนนต์ Link ใน React Router คืออะไร?

Accepted Answer

Link สร้างลิงก์นำทางโดยไม่ต้องโหลดหน้าใหม่ ต่างจากแท็ก HTML native <a>, Link ดักจับการคลิกและใช้ History API เพื่อเปลี่ยน URL ซึ่งช่วยรักษาสถานะของแอปพลิเคชันและให้การนำทางที่เร็วและราบรื่นยิ่งขึ้น

React Router

BrowserRouter ใน React Router คืออะไร?

คำตอบ

ควรใช้คอมโพเนนต์ใดเพื่อกำหนด route ใน React Router?

คำตอบ

จุดประสงค์ของคอมโพเนนต์ Link ใน React Router คืออะไร?

คำตอบ

บทบาทของคอมโพเนนต์ Routes คืออะไร?

จะดึงพารามิเตอร์ URL เช่น :id ใน /user/:id ได้อย่างไร?

หัวข้อสัมภาษณ์ React / Next.js อื่นๆ

พื้นฐาน JavaScript

พื้นฐาน React

React Hooks

วงจรชีวิตของ component

การจัดการ 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

React Server Components

การแปลภาษา Next.js

React ความปลอดภัย & แนวปฏิบัติที่ดีที่สุด

เชี่ยวชาญ React / Next.js สำหรับการสัมภาษณ์ครั้งถัดไป