Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1Zustand là gì?
Zustand là gì?
Câu trả lời
Zustand là một thư viện state management tối giản cho React, không yêu cầu Provider, khác với Redux hoặc Context API. Nó cung cấp một API đơn giản dựa trên hooks và hàm create(), với bundle size rất nhỏ (dưới 1KB). Zustand cho phép quản lý state toàn cục mà không cần sự phức tạp kiến trúc của Redux, đồng thời tránh được các vấn đề hiệu năng của Context API.
2Làm thế nào để tạo một Zustand store cơ bản?
Làm thế nào để tạo một Zustand store cơ bản?
Câu trả lời
Hàm create() được sử dụng để khởi tạo một Zustand store. Nó nhận một hàm callback với set và get làm tham số, cho phép bạn định nghĩa state ban đầu và các actions. Store được trả về là một React hook có thể sử dụng trực tiếp trong các component. Cách tiếp cận này loại bỏ nhu cầu về boilerplate như action creators hay reducers của Redux.
3Làm thế nào để truy cập state của Zustand store trong một component?
Làm thế nào để truy cập state của Zustand store trong một component?
Câu trả lời
Store được tạo bằng create() trả về một React hook có thể gọi trực tiếp trong các functional component. Hook này nhận một selector tùy chọn để trích xuất chỉ phần state cần thiết. Không có selector, nó trả về toàn bộ state, nhưng điều này có thể gây ra re-render không cần thiết. Cách tiếp cận hook-first làm cho Zustand rất trực quan cho các nhà phát triển React hiện đại.
Vai trò của selector trong Zustand là gì?
Làm thế nào để tránh re-render không cần thiết với selector?
+15 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
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
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í