Question 1

Atomic Design trong React là gì?

Accepted Answer

Atomic Design tổ chức các component React thành 5 cấp độ phân cấp: atoms (nút, input), molecules (form đơn giản), organisms (header, footer), templates (bố cục trang) và pages (các phiên bản cụ thể). Phương pháp này cung cấp cấu trúc nhất quán và có thể mở rộng cho design system. Nó tạo điều kiện tái sử dụng component và cộng tác giữa nhà thiết kế và nhà phát triển bằng cách chia sẻ từ vựng chung.

Question 2

Đặc điểm chính của kiến trúc feature-based là gì?

Accepted Answer

Kiến trúc feature-based nhóm tất cả các file liên quan đến một chức năng vào cùng một thư mục (component, hooks, style, test, type). Cách tiếp cận này thúc đẩy co-location và tính tự chủ của feature. Mỗi feature trở thành một module độc lập với các trách nhiệm riêng, tạo điều kiện cho việc bảo trì và cho phép các nhóm làm việc song song mà không có xung đột.

Question 3

Nguyên tắc cơ bản của Clean Architecture là gì?

Accepted Answer

Clean Architecture dựa trên Dependency Rule: các dependency phải luôn trỏ vào trong, từ các lớp ngoài (UI, cơ sở hạ tầng) đến các lớp trong (domain, business logic). Domain nghiệp vụ không nên bao giờ phụ thuộc vào UI hoặc framework. Sự phân tách này cho phép kiểm thử logic nghiệp vụ độc lập, thay đổi framework mà không cần viết lại code nghiệp vụ, và duy trì kiến trúc tách rời và có khả năng mở rộng.

Architecture & Design Patterns

Atomic Design trong React là gì?

Câu trả lời

Đặc điểm chính của kiến trúc feature-based là gì?

Câu trả lời

Nguyên tắc cơ bản của Clean Architecture là gì?

Câu trả lời

Nguyên tắc SOLID 'Single Responsibility' có nghĩa gì khi áp dụng cho component React?

Dependency injection trong React 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

Vòng đời component

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

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