Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1Mẫu Compound Components là gì?
Mẫu Compound Components là gì?
Câu trả lời
Mẫu Compound Components cho phép tạo các component chia sẻ trạng thái ngầm định qua React Context mà không cần truyền props trực tiếp. Mẫu này được dùng trong các thư viện như Radix UI và Headless UI để cung cấp API linh hoạt và có thể kết hợp. Các component con có thể tự động truy cập trạng thái chia sẻ, cho phép tùy chỉnh cấu trúc mà không mất logic chung.
2Nguyên tắc của mẫu Render Props là gì?
Nguyên tắc của mẫu Render Props là gì?
Câu trả lời
Mẫu Render Props liên quan đến việc truyền một hàm như một prop trả về phần tử React, cho phép component cha chia sẻ logic của nó với component con. Hàm này nhận dữ liệu hoặc phương thức từ component cha như tham số. Mẫu này rất phổ biến trước khi hooks ra đời, đặc biệt với các thư viện như React Router và Downshift.
3Higher-Order Components (HOC) là gì?
Higher-Order Components (HOC) là gì?
Câu trả lời
Higher-Order Components là các hàm nhận component làm tham số và trả về component mới được tăng cường với props hoặc hành vi bổ sung. Mẫu này cho phép tái sử dụng logic giữa các component mà không trùng lặp code. HOC được dùng cho các mối quan tâm xuyên suốt như xác thực, theo dõi hoặc quản lý quyền truy cập.
Sự khác biệt giữa component có kiểm soát và không có kiểm soát là gì?
Mẫu Provider là gì?
+17 câu hỏi phỏng vấn
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
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
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí