React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Czym jest hook useState w React?
Czym jest hook useState w React?
Odpowiedź
useState to hook React, który zarządza lokalnym stanem w komponencie funkcyjnym. W przeciwieństwie do zwykłych zmiennych JavaScript, które są resetowane przy każdym renderowaniu, useState zachowuje wartość stanu między kolejnymi renderowaniami. Ten hook zwraca tablicę zawierającą aktualną wartość stanu i funkcję do jej aktualizacji, automatycznie wyzwalając ponowne renderowanie komponentu, gdy stan się zmienia.
2Jaka jest prawidłowa składnia deklarowania stanu za pomocą useState?
Jaka jest prawidłowa składnia deklarowania stanu za pomocą useState?
Odpowiedź
Prawidłowa składnia używa destrukturyzacji tablicy do wyodrębnienia wartości stanu i jej funkcji aktualizacji. Zgodnie z konwencją, funkcja aktualizacji jest poprzedzona przedrostkiem 'set' po którym następuje nazwa zmiennej stanu w camelCase. Ta konwencja poprawia czytelność kodu i jest szeroko stosowana w społeczności React. Kolejność elementów w tablicy zwracanej przez useState jest zawsze taka sama: aktualną wartość pierwsza, funkcja aktualizacji druga.
3Co się dzieje po wywołaniu funkcji aktualizacji stanu?
Co się dzieje po wywołaniu funkcji aktualizacji stanu?
Odpowiedź
Kiedy wywoływana jest funkcja aktualizacji stanu, React planuje nowe renderowanie komponentu z nową wartością stanu. Aktualizacja nie jest natychmiastowa, lecz asynchroniczna, co oznacza, że wartość stanu nie jest zmieniana natychmiast po wywołaniu. React grupuje wiele aktualizacji stanu w celu optymalizacji wydajności i unikania niepotrzebnych renderowań. Ta strategia batching znacznie poprawia wydajność aplikacji.
Jak zaktualizować stan na podstawie jego poprzedniej wartości?
Czy można używać wielu useState w tym samym komponencie?
+19 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
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
Zustand State Management
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