React / Next.js

พื้นฐาน React

JSX, components, props, state, อีเวนต์, conditional rendering, รายการและ keys

20 คำถามสัมภาษณ์·
Junior
1

JSX ใน React คืออะไร?

คำตอบ

JSX เป็นส่วนขยายไวยากรณ์ของ JavaScript ที่ช่วยให้สามารถเขียน markup คล้าย HTML ได้โดยตรงในโค้ด JavaScript โดยจะถูกแปลงเป็นการเรียกฟังก์ชัน React.createElement โดย Babel ในระหว่างการคอมไพล์ การใช้ JSX ทำให้โค้ดอ่านง่ายขึ้นและสามารถตรวจจับข้อผิดพลาดได้ในเวลาคอมไพล์ผ่าน typing พร้อมทั้งรวมพลังของ JavaScript เข้ากับไวยากรณ์ที่คุ้นเคย

2

ไวยากรณ์ใดถูกต้องสำหรับการใช้นิพจน์ JavaScript ใน JSX?

คำตอบ

วงเล็บปีกกาเดี่ยวช่วยให้สามารถรวมนิพจน์ JavaScript ที่ถูกต้องใดๆ เข้าไปใน JSX ได้ เช่น ตัวแปร ฟังก์ชัน หรือการคำนวณ ไวยากรณ์นี้สร้างขอบเขตที่ชัดเจนระหว่าง JSX markup และโค้ด JavaScript แบบไดนามิก วงเล็บปีกกาคู่ใช้สำหรับอ็อบเจกต์ style inline วงเล็บกลมใช้สำหรับจัดกลุ่ม JSX หลายบรรทัด และวงเล็บเหลี่ยมใช้สำหรับ array ของ JavaScript

3

ความแตกต่างหลักระหว่าง className ใน JSX กับ class ใน HTML คืออะไร?

คำตอบ

JSX ใช้ className แทน class เนื่องจาก class เป็นคำสงวนใน JavaScript สำหรับการประกาศคลาส ES6 เนื่องจาก JSX ถูกแปลงเป็น JavaScript การใช้ class จะทำให้เกิดความขัดแย้งของไวยากรณ์ ในทำนองเดียวกัน for จะกลายเป็น htmlFor และอีเวนต์จะใช้ camelCase ข้อตกลงนี้ช่วยให้ JSX ยังคงเป็น JavaScript ที่ถูกต้องในขณะที่มีไวยากรณ์คล้าย HTML

4

วิธีเขียนคอมเมนต์ในโค้ด JSX ทำอย่างไร?

5

Functional component ใน React คืออะไร?

+17 คำถามสัมภาษณ์

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

พื้นฐาน JavaScript

Junior
25 คำถาม

React Hooks

Junior
22 คำถาม

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

Junior
18 คำถาม

React Router

Junior
20 คำถาม

การจัดการ state ด้วย Context

Junior
18 คำถาม

ฟอร์มและ Controlled Components

Mid-Level
20 คำถาม

การดึงข้อมูลและ API

Mid-Level
20 คำถาม

React Query (TanStack Query)

Mid-Level
20 คำถาม

Styling & CSS-in-JS

Mid-Level
18 คำถาม

พื้นฐาน Next.js

Mid-Level
25 คำถาม

TypeScript กับ React

Mid-Level
20 คำถาม

การดึงข้อมูล Next.js

Mid-Level
24 คำถาม

Server Actions ของ Next.js

Mid-Level
20 คำถาม

การกำหนดเส้นทางและการนำทางใน Next.js

Mid-Level
22 คำถาม

API Routes ใน Next.js

Mid-Level
20 คำถาม

Metadata & SEO ใน Next.js

Mid-Level
18 คำถาม

Middleware และ Auth ใน Next.js

Mid-Level
22 คำถาม

การทดสอบ React

Mid-Level
20 คำถาม

Zustand State Management

Mid-Level
18 คำถาม

การเพิ่มประสิทธิภาพ React

Senior
22 คำถาม

Error Boundaries & การจัดการข้อผิดพลาด

Senior
18 คำถาม

Advanced React Patterns

Senior
20 คำถาม

ฟีเจอร์ขั้นสูงของ Next.js

Senior
24 คำถาม

การ Deploy & Production ของ Next.js

Senior
20 คำถาม

Architecture & Design Patterns

Senior
22 คำถาม

React Server Components

Senior
26 คำถาม

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

Senior
20 คำถาม

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

Senior
22 คำถาม

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

เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์

เริ่มใช้ฟรี