Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1Czym jest Zustand?
Czym jest Zustand?
Odpowiedź
Zustand to minimalistyczna biblioteka do state management w React, która nie wymaga Providera, w przeciwieństwie do Redux czy Context API. Oferuje proste API oparte na hooks i funkcji create(), z bardzo małym bundle size (poniżej 1KB). Zustand umożliwia zarządzanie globalnym stanem bez złożoności architekturalnej Redux, jednocześnie unikając problemów z wydajnością Context API.
2Jak utworzyć podstawowy store Zustand?
Jak utworzyć podstawowy store Zustand?
Odpowiedź
Funkcja create() służy do inicjalizacji store Zustand. Przyjmuje funkcję callback, która otrzymuje set i get jako parametry, umożliwiając zdefiniowanie początkowego state i actions. Zwrócony store to hook React, który można używać bezpośrednio w komponentach. To podejście eliminuje potrzebę boilerplate'u, takiego jak action creators czy reducers z Redux.
3Jak uzyskać dostęp do state store'a Zustand w komponencie?
Jak uzyskać dostęp do state store'a Zustand w komponencie?
Odpowiedź
Store utworzony za pomocą create() zwraca hook React, który można wywołać bezpośrednio w komponentach funkcyjnych. Ten hook przyjmuje opcjonalny selector do wyodrębnienia tylko potrzebnej części state. Bez selectora zwraca cały state, ale może to powodować niepotrzebne re-rendery. Podejście hook-first sprawia, że Zustand jest bardzo intuicyjny dla nowoczesnych programistów React.
Jaka jest rola selectora w Zustand?
Jak unikać niepotrzebnych re-renderów za pomocą selectorów?
+15 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Server Actions w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
Opanuj React / Next.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo