Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1Czym jest wzorzec Compound Components?
Czym jest wzorzec Compound Components?
Odpowiedź
Wzorzec Compound Components umożliwia tworzenie komponentów, które dzielą niejawny stan przez React Context, bez jawnego przekazywania props. Wzorzec ten jest używany w bibliotekach takich jak Radix UI i Headless UI, aby zapewnić elastyczne i kompozycyjne API. Komponenty podrzędne mogą automatycznie uzyskiwać dostęp do współdzielonego stanu, umożliwiając dostosowanie struktury bez utraty wspólnej logiki.
2Jaka jest zasada wzorca Render Props?
Jaka jest zasada wzorca Render Props?
Odpowiedź
Wzorzec Render Props polega na przekazaniu funkcji jako prop, która zwraca element React, pozwalając komponentowi nadrzędnemu dzielić logikę z komponentem podrzędnym. Funkcja ta otrzymuje dane lub metody rodzica jako parametry. Ten wzorzec był bardzo popularny przed pojawieniem się hooków, szczególnie z bibliotekami takimi jak React Router i Downshift.
3Czym są Higher-Order Components (HOC)?
Czym są Higher-Order Components (HOC)?
Odpowiedź
Higher-Order Components to funkcje, które przyjmują komponent jako parametr i zwracają nowy komponent wzbogacony o dodatkowe props lub zachowania. Ten wzorzec umożliwia ponowne wykorzystanie logiki między komponentami bez duplikacji kodu. HOC są używane do zagadnień przekrojowych, takich jak uwierzytelnianie, śledzenie lub zarządzanie uprawnieniami.
Jaka jest różnica między komponentem kontrolowanym a niekontrolowanym?
Czym jest wzorzec Provider?
+17 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
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
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