React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Що таке хук useState в React?
Що таке хук useState в React?
Відповідь
useState — це React хук, що керує локальним станом у функціональному компоненті. На відміну від звичайних змінних JavaScript, які скидаються при кожному рендері, useState зберігає значення стану між послідовними рендерами. Цей хук повертає масив, що містить поточне значення стану та функцію для його оновлення, автоматично запускаючи повторний рендер компонента при зміні стану.
2Яка правильна синтаксис для оголошення стану з useState?
Яка правильна синтаксис для оголошення стану з useState?
Відповідь
Правильний синтаксис використовує деструктуризацію масиву для вилучення значення стану та функції оновлення. За угодою, функція оновлення має префікс 'set', за яким слідує назва змінної стану в camelCase. Ця угода покращує читабельність коду і широко прийнята у спільноті React. Порядок елементів у масиві, що повертається useState, завжди однаковий: поточне значення першим, функція оновлення другою.
3Що відбувається при виклику функції оновлення стану?
Що відбувається при виклику функції оновлення стану?
Відповідь
Коли викликається функція оновлення стану, React планує новий рендер компонента з новим значенням стану. Оновлення не є негайним, а асинхронним — значення стану не змінюється миттєво після виклику. React об'єднує кілька оновлень стану для оптимізації продуктивності та уникнення непотрібних рендерів. Ця стратегія батчингу значно покращує продуктивність застосунку.
Як оновити стан на основі його попереднього значення?
Чи можна використовувати кілька useState в одному компоненті?
+19 питань зі співбесід
Інші теми співбесід React / Next.js
Основи JavaScript
Основи React
Життєвий цикл компонента
React Router
Управління станом з Context
Форми та Controlled Components
Отримання даних та API
React Query (TanStack Query)
Styling & CSS-in-JS
Основи Next.js
TypeScript з React
Data Fetching у Next.js
Server Actions у Next.js
Маршрутизація та Навігація в Next.js
API Routes у Next.js
Metadata & SEO у Next.js
Middleware та Auth у Next.js
Тестування React
Zustand State Management
Оптимізація продуктивності React
Error Boundaries & обробка помилок
Advanced React Patterns
Розширені можливості Next.js
Розгортання та Продакшн Next.js
Architecture & Design Patterns
React Server Components
Інтернаціоналізація Next.js
React Безпека & Найкращі Практики
Опануй React / Next.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно