React Server Components
Архітектура RSC, серверні та клієнтські компоненти, серіалізація, стрімінг, межі Suspense
1Що таке React Server Component?
Що таке React Server Component?
Відповідь
Server Components — це React-компоненти, які виконуються лише на сервері і ніколи не надсилаються клієнту. На відміну від традиційних компонентів, їх не потрібно гідратувати на стороні клієнта, що значно зменшує розмір JavaScript-бандла. Вони дозволяють прямий доступ до ресурсів бекенду (бази даних, файлові системи) без розкриття секретів чи API-ключів.
2Як оголосити Client Component у React?
Як оголосити Client Component у React?
Відповідь
Директива 'use client', розміщена на початку файлу, вказує, що компонент і всі імпортовані дочірні елементи є Client Components. Ця директива позначає межу між серверним і клієнтським кодом. Без цієї директиви компоненти є Server Components за замовчуванням у фреймворках, що підтримують RSC, таких як Next.js App Router.
3У чому головна різниця між Server та Client Components?
У чому головна різниця між Server та Client Components?
Відповідь
Server Components виконуються на сервері і їх код ніколи не надсилається клієнту, тоді як Client Components надсилаються в браузер і потребують JavaScript для інтерактивності. Ця фундаментальна різниця впливає на доступ до ресурсів, розмір бандла та можливості інтерактивності. Server Components не можуть використовувати React-хуки або обробляти користувацькі події.
Який React-хук можна використовувати в Server Component?
Як виконати отримання даних у Server Component?
+23 питань зі співбесід
Інші теми співбесід 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 & обробка помилок
Advanced React Patterns
Розширені можливості Next.js
Розгортання та Продакшн Next.js
Architecture & Design Patterns
Інтернаціоналізація Next.js
React Безпека & Найкращі Практики
Опануй React / Next.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно