React Server Components
Architektura RSC, komponenty serwerowe vs klienckie, serializacja, streaming, granice Suspense
1Czym jest React Server Component?
Czym jest React Server Component?
Odpowiedź
Server Components to komponenty React, które wykonują się wyłącznie na serwerze i nigdy nie są wysyłane do klienta. W przeciwieństwie do tradycyjnych komponentów, nie wymagają hydracji po stronie klienta, co znacząco redukuje rozmiar bundle'a JavaScript. Umożliwiają bezpośredni dostęp do zasobów backendu (bazy danych, systemy plików) bez ujawniania sekretów czy kluczy API.
2Jak zadeklarować Client Component w React?
Jak zadeklarować Client Component w React?
Odpowiedź
Dyrektywa 'use client' umieszczona na początku pliku wskazuje, że komponent i wszystkie importowane dzieci są Client Components. Ta dyrektywa wyznacza granicę między kodem serwera a klienta. Bez tej dyrektywy, komponenty są domyślnie Server Components w frameworkach obsługujących RSC, takich jak Next.js App Router.
3Jaka jest główna różnica między Server a Client Components?
Jaka jest główna różnica między Server a Client Components?
Odpowiedź
Server Components wykonują się na serwerze i ich kod nigdy nie jest wysyłany do klienta, podczas gdy Client Components są wysyłane do przeglądarki i wymagają JavaScript do interaktywności. Ta fundamentalna różnica wpływa na dostęp do zasobów, rozmiar bundle i możliwości interaktywności. Server Components nie mogą używać hooków React ani obsługiwać zdarzeń użytkownika.
Który hook React może być używany w Server Component?
Jak wykonać data fetching w Server Component?
+23 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Server Actions w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
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