React Server Components
Arsitektur RSC, komponen server vs klien, serialisasi, streaming, batas Suspense
1Apa itu React Server Component?
Apa itu React Server Component?
Jawaban
Server Components adalah komponen React yang hanya berjalan di server dan tidak pernah dikirim ke klien. Tidak seperti komponen tradisional, mereka tidak perlu dihidrasi di sisi klien, sehingga ukuran bundle JavaScript berkurang secara signifikan. Mereka memungkinkan akses langsung ke sumber daya backend (database, sistem file) tanpa mengekspos rahasia atau kunci API.
2Bagaimana cara mendeklarasikan Client Component di React?
Bagaimana cara mendeklarasikan Client Component di React?
Jawaban
Direktif 'use client' yang ditempatkan di bagian atas file menunjukkan bahwa komponen dan semua anak yang diimpor adalah Client Components. Direktif ini menandai batas antara kode server dan klien. Tanpa direktif ini, komponen adalah Server Components secara default dalam framework yang mendukung RSC seperti Next.js App Router.
3Apa perbedaan utama antara Server dan Client Components?
Apa perbedaan utama antara Server dan Client Components?
Jawaban
Server Components berjalan di server dan kodenya tidak pernah dikirim ke klien, sementara Client Components dikirim ke browser dan memerlukan JavaScript untuk interaktivitas. Perbedaan mendasar ini memengaruhi akses sumber daya, ukuran bundle, dan kemampuan interaktivitas. Server Components tidak dapat menggunakan React hooks atau menangani event pengguna.
Hook React mana yang bisa digunakan dalam Server Component?
Bagaimana cara melakukan data fetching di Server Component?
+23 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
React Query (TanStack Query)
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
API Routes Next.js
Metadata & SEO di Next.js
Middleware & Auth di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
Architecture & Design Patterns
Internasionalisasi Next.js
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis