React / Next.js

Життєвий цикл компонента

Монтування, оновлення, розмонтування, очищення useEffect, масив залежностей, lifecycle patterns

18 питань зі співбесід·
Junior
1

Що таке mounting у React компоненті?

Відповідь

Монтування — це фаза, де компонент створюється та вставляється до DOM вперше. Під час цієї фази React ініціалізує стан, виконує код конструкції та виконує перший рендеринг. Це ідеальний момент для ініціювання API-запитів або ініціалізації підписок через useEffect.

2

Що таке unmounting у React компоненті?

Відповідь

Розмонтування — це фаза, де компонент видаляється з DOM та знищується. Ця фаза виникає, коли компонент більше не потрібен, наприклад при зміні маршруту або умові рендерингу. Це критичний момент для очищення ресурсів: скасування таймерів, закриття WebSocket-з'єднань і видалення event listener для запобігання витоків пам'яті.

3

Коли за замовчуванням виконується функція, передана до useEffect?

Відповідь

За замовчуванням useEffect виконується після кожного рендерингу компонента, включаючи перший рендеринг і всі наступні повторні рендеринги. Це асинхронне виконання дозволяє не блокувати інтерфейс користувача. Для контролю цієї поведінки можна використовувати масив залежностей як другий аргумент, щоб обмежити виконання лише тоді, коли певні значення змінюються.

4

Для чого використовується масив залежностей у useEffect?

5

Що означає передача порожнього масиву [] як залежностей до useEffect?

+15 питань зі співбесід

Інші теми співбесід React / Next.js

Основи JavaScript

Junior
25 запитань

Основи React

Junior
20 запитань

React Hooks

Junior
22 запитань

React Router

Junior
20 запитань

Управління станом з Context

Junior
18 запитань

Форми та Controlled Components

Mid-Level
20 запитань

Отримання даних та API

Mid-Level
20 запитань

React Query (TanStack Query)

Mid-Level
20 запитань

Styling & CSS-in-JS

Mid-Level
18 запитань

Основи Next.js

Mid-Level
25 запитань

TypeScript з React

Mid-Level
20 запитань

Data Fetching у Next.js

Mid-Level
24 запитань

Server Actions у Next.js

Mid-Level
20 запитань

Маршрутизація та Навігація в Next.js

Mid-Level
22 запитань

API Routes у Next.js

Mid-Level
20 запитань

Metadata & SEO у Next.js

Mid-Level
18 запитань

Middleware та Auth у Next.js

Mid-Level
22 запитань

Тестування React

Mid-Level
20 запитань

Zustand State Management

Mid-Level
18 запитань

Оптимізація продуктивності React

Senior
22 запитань

Error Boundaries & обробка помилок

Senior
18 запитань

Advanced React Patterns

Senior
20 запитань

Розширені можливості Next.js

Senior
24 запитань

Розгортання та Продакшн Next.js

Senior
20 запитань

Architecture & Design Patterns

Senior
22 запитань

React Server Components

Senior
26 запитань

Інтернаціоналізація Next.js

Senior
20 запитань

React Безпека & Найкращі Практики

Senior
22 запитань

Опануй React / Next.js для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно