Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1Що таке патерн Compound Components?
Що таке патерн Compound Components?
Відповідь
Патерн Compound Components дозволяє створювати компоненти, які ділять неявний стан через React Context без явного передавання props. Цей патерн використовується в бібліотеках на кшталт Radix UI та Headless UI для надання гнучкого та компонованого API. Дочірні компоненти можуть автоматично отримувати доступ до спільного стану, дозволяючи налаштовувати структуру без втрати спільної логіки.
2Який принцип патерну Render Props?
Який принцип патерну Render Props?
Відповідь
Патерн Render Props полягає в передаванні функції як prop, що повертає React-елемент, дозволяючи батьківському компоненту ділитися своєю логікою з дочірнім. Ця функція отримує дані або методи від батька як параметри. Цей патерн був дуже популярним до появи хуків, особливо з бібліотеками на кшталт React Router та Downshift.
3Що таке Higher-Order Components (HOC)?
Що таке Higher-Order Components (HOC)?
Відповідь
Higher-Order Components — це функції, що приймають компонент як параметр і повертають новий компонент, збагачений додатковими props або поведінками. Цей патерн дозволяє повторно використовувати логіку між компонентами без дублювання коду. HOC використовуються для наскрізних завдань, таких як автентифікація, відстеження або управління дозволами.
У чому різниця між контрольованим і неконтрольованим компонентом?
Що таке патерн Provider?
+17 питань зі співбесід
Інші теми співбесід React / Next.js
Основи JavaScript
Основи React
React Hooks
Життєвий цикл компонента
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 & обробка помилок
Розширені можливості Next.js
Розгортання та Продакшн Next.js
Architecture & Design Patterns
React Server Components
Інтернаціоналізація Next.js
React Безпека & Найкращі Практики
Опануй React / Next.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно