React Server Components
Architettura RSC, componenti server vs client, serializzazione, streaming, confini Suspense
1Cos'è un React Server Component?
Cos'è un React Server Component?
Risposta
I Server Components sono componenti React che vengono eseguiti solo sul server e non vengono mai inviati al client. A differenza dei componenti tradizionali, non devono essere idratati lato client, riducendo significativamente la dimensione del bundle JavaScript. Consentono l'accesso diretto alle risorse backend (database, file system) senza esporre segreti o chiavi API.
2Come si dichiara un Client Component in React?
Come si dichiara un Client Component in React?
Risposta
La direttiva 'use client' posta in cima a un file indica che il componente e tutti i suoi figli importati sono Client Components. Questa direttiva segna il confine tra codice server e client. Senza questa direttiva, i componenti sono Server Components per impostazione predefinita nei framework che supportano RSC come Next.js App Router.
3Qual è la principale differenza tra Server e Client Components?
Qual è la principale differenza tra Server e Client Components?
Risposta
I Server Components vengono eseguiti sul server e il loro codice non viene mai inviato al client, mentre i Client Components vengono inviati al browser e richiedono JavaScript per l'interattività. Questa distinzione fondamentale riguarda l'accesso alle risorse, la dimensione del bundle e le capacità di interattività. I Server Components non possono usare i hook React né gestire eventi utente.
Quale hook React può essere usato in un Server Component?
Come eseguire il data fetching in un Server Component?
+23 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
Ciclo di vita dei componenti
React Router
Gestione dello state con Context
Form e Controlled Components
Recupero dati e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentali di Next.js
TypeScript con React
Data Fetching in Next.js
Server Actions di Next.js
Routing e Navigazione in Next.js
API Routes di Next.js
Metadata & SEO in Next.js
Middleware e Auth in Next.js
Testing React
Zustand State Management
Ottimizzazione delle Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
Architecture & Design Patterns
Internazionalizzazione di Next.js
React Sicurezza & Best Practices
Padroneggia React / Next.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis