React / Next.js

Cykl życia komponentu

Mounting, updating, unmounting, useEffect cleanup, tablica zależności, lifecycle patterns

18 pytań z rozmów·
Junior
1

Czym jest mounting w komponencie React?

Odpowiedź

Mounting to faza, w której komponent jest tworzony i wstawiany do DOM po raz pierwszy. W tej fazie React inicjalizuje state, wykonuje kod konstrukcyjny i przeprowadza pierwsze renderowanie. To idealny moment na wyzwalanie wywołań API lub inicjalizację subskrypcji przez useEffect.

2

Czym jest unmounting w komponencie React?

Odpowiedź

Unmounting to faza, w której komponent jest usuwany z DOM i niszczony. Ta faza następuje, gdy komponent nie jest już potrzebny, na przykład podczas zmiany trasy lub warunku renderowania. To krytyczny moment na wyczyszczenie zasobów: anulowanie timerów, zamknięcie połączeń WebSocket i usunięcie event listenerów, aby zapobiec wyciekom pamięci.

3

Kiedy domyślnie wykonuje się funkcja przekazana do useEffect?

Odpowiedź

Domyślnie useEffect wykonuje się po każdym renderowaniu komponentu, włącznie z pierwszym renderowaniem i wszystkimi kolejnymi re-renderami. To asynchroniczne wykonanie pozwala nie blokować interfejsu użytkownika. Aby kontrolować to zachowanie, można użyć tablicy zależności jako drugiego argumentu, aby ograniczyć wykonania tylko wtedy, gdy pewne wartości się zmienią.

4

Do czego służy tablica zależności w useEffect?

5

Co oznacza przekazanie pustej tablicy [] jako zależności do useEffect?

+15 pytań z rozmów

Inne tematy rekrutacyjne React / Next.js

Podstawy JavaScript

Junior
25 pytań

Podstawy React

Junior
20 pytań

React Hooks

Junior
22 pytań

React Router

Junior
20 pytań

Zarządzanie stanem z Context

Junior
18 pytań

Formularze i Controlled Components

Mid-Level
20 pytań

Pobieranie danych i API

Mid-Level
20 pytań

React Query (TanStack Query)

Mid-Level
20 pytań

Styling & CSS-in-JS

Mid-Level
18 pytań

Podstawy Next.js

Mid-Level
25 pytań

TypeScript z React

Mid-Level
20 pytań

Pobieranie danych w Next.js

Mid-Level
24 pytań

Server Actions w Next.js

Mid-Level
20 pytań

Routing i Nawigacja w Next.js

Mid-Level
22 pytań

API Routes w Next.js

Mid-Level
20 pytań

Metadata & SEO w Next.js

Mid-Level
18 pytań

Middleware i Auth w Next.js

Mid-Level
22 pytań

Testowanie React

Mid-Level
20 pytań

Zustand State Management

Mid-Level
18 pytań

Optymalizacja wydajności React

Senior
22 pytań

Error Boundaries & Error Handling

Senior
18 pytań

Advanced React Patterns

Senior
20 pytań

Zaawansowane funkcje Next.js

Senior
24 pytań

Wdrożenie i Produkcja Next.js

Senior
20 pytań

Architecture & Design Patterns

Senior
22 pytań

React Server Components

Senior
26 pytań

Internacjonalizacja Next.js

Senior
20 pytań

React Bezpieczeństwo & Najlepsze Praktyki

Senior
22 pytań

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