Error Boundaries & Error Handling
Error boundaries, componentDidCatch, error fallback, error recovery, strategie logowania
1Czym jest Error Boundary w React?
Czym jest Error Boundary w React?
Odpowiedź
Error Boundary to komponent klasowy React, który przechwytuje błędy JavaScript występujące w drzewie komponentów potomnych, wyświetla zastępczy UI (fallback) i zapobiega awarii całej aplikacji. Wykorzystuje metody componentDidCatch() i getDerivedStateFromError() do przechwytywania i obsługi błędów renderowania.
2Dlaczego używać Error Boundaries zamiast klasycznego try/catch w React?
Dlaczego używać Error Boundaries zamiast klasycznego try/catch w React?
Odpowiedź
Bloki try/catch nie mogą przechwytywać błędów występujących podczas renderowania komponentów React, ponieważ błędy te propagują się w górę drzewa asynchronicznie. Error Boundaries są specjalnie zaprojektowane do przechwytywania błędów renderowania, cyklu życia i konstruktorów w komponentach potomnych, podczas gdy try/catch działa tylko dla synchronicznego kodu imperatywnego.
3Która metoda cyklu życia pozwala przechwycić błąd w Error Boundary?
Która metoda cyklu życia pozwala przechwycić błąd w Error Boundary?
Odpowiedź
componentDidCatch(error, info) to metoda cyklu życia wywoływana po przechwyceniu błędu przez Error Boundary. Otrzymuje błąd i obiekt info zawierający componentStack, umożliwiając logowanie błędów lub wykonywanie akcji side-effect. Warto zauważyć, że getDerivedStateFromError() jest również używana, ale do aktualizacji state i wyświetlania fallback UI.
Jaka jest rola getDerivedStateFromError() w Error Boundary?
Jaka jest różnica między getDerivedStateFromError() a componentDidCatch()?
+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
Zustand State Management
Optymalizacja wydajności React
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