Question 1

Mounting trong React component là gì?

Accepted Answer

Mounting là giai đoạn mà một component được tạo ra và chèn vào DOM lần đầu tiên. Trong giai đoạn này, React khởi tạo state, thực thi code khởi tạo và thực hiện lần render đầu tiên. Đây là thời điểm lý tưởng để gọi API hoặc khởi tạo subscription thông qua useEffect.

Question 2

Unmounting trong React component là gì?

Accepted Answer

Unmounting là giai đoạn mà một component bị xóa khỏi DOM và bị hủy. Giai đoạn này xảy ra khi component không còn cần thiết nữa, ví dụ như khi thay đổi route hoặc điều kiện render. Đây là thời điểm quan trọng để dọn dẹp tài nguyên: hủy timer, đóng kết nối WebSocket và xóa event listener để tránh rò rỉ bộ nhớ.

Question 3

Hàm được truyền vào useEffect mặc định chạy khi nào?

Accepted Answer

Theo mặc định, useEffect chạy sau mỗi lần render của component, bao gồm lần render đầu tiên và tất cả các lần re-render tiếp theo. Việc thực thi bất đồng bộ này cho phép không chặn giao diện người dùng. Để kiểm soát hành vi này, có thể sử dụng mảng phụ thuộc làm đối số thứ hai để giới hạn các lần thực thi chỉ khi một số giá trị thay đổi.

Vòng đời component

Mounting trong React component là gì?

Câu trả lời

Unmounting trong React component là gì?

Câu trả lời

Hàm được truyền vào useEffect mặc định chạy khi nào?

Câu trả lời

Mảng phụ thuộc trong useEffect dùng để làm gì?

Việc truyền mảng rỗng [] làm dependencies cho useEffect có nghĩa là gì?

Các chủ đề phỏng vấn React / Next.js khác

Nền tảng JavaScript

Nền tảng React

React Hooks

React Router

Quản lý state với Context

Biểu mẫu và Controlled Components

Lấy dữ liệu & API

React Query (TanStack Query)

Styling & CSS-in-JS

Nền tảng Next.js

TypeScript với React

Data Fetching trong Next.js

Server Actions trong Next.js

Định tuyến & Điều hướng trong Next.js

API Routes trong Next.js

Metadata & SEO trong Next.js

Middleware & Auth trong Next.js

Kiểm thử React

Zustand State Management

Tối ưu hiệu năng React

Error Boundaries & Error Handling

Advanced React Patterns

Tính năng nâng cao của Next.js

Triển khai & Môi trường Production với Next.js

Architecture & Design Patterns

React Server Components

Quốc tế hóa Next.js

React Bảo mật & Thực hành tốt nhất

Nắm vững React / Next.js cho lần phỏng vấn tiếp theo