React / Next.js

Dasar-dasar Next.js

App Router, Server Components, Client Components, routing berbasis file, layouts, halaman

25 pertanyaan wawancara·
Mid-Level
1

Apa itu App Router di Next.js?

Jawaban

App Router adalah sistem routing baru di Next.js 13+ berdasarkan direktori app/. Ini menggantikan Pages Router dan memperkenalkan Server Components secara default, layout bersama, dan model routing yang lebih fleksibel dengan konvensi file seperti page.tsx, layout.tsx, dan loading.tsx.

2

Bagaimana cara membuat route /about di App Router?

Jawaban

Di App Router, setiap folder mewakili segmen route. Untuk membuat /about, buat app/about/page.tsx. File page.tsx diperlukan agar route dapat diakses secara publik. Tanpa file ini, folder hanya akan menjadi segmen path tanpa halaman yang ditampilkan.

3

Apa perilaku default komponen di App Router?

Jawaban

Di App Router, semua komponen adalah Server Components secara default. Mereka hanya berjalan di server dan tidak mengirim JavaScript ke klien, meningkatkan performa. Untuk menggunakan fitur klien (hooks, event), harus menambahkan direktif 'use client' di bagian atas file.

4

Bagaimana cara membuat route dinamis /posts/[id] di App Router?

5

Apa kegunaan file layout.tsx di App Router?

+22 pertanyaan wawancara

Topik wawancara React / Next.js lainnya

Dasar-Dasar JavaScript

Junior
25 pertanyaan

Dasar-Dasar React

Junior
20 pertanyaan

React Hooks

Junior
22 pertanyaan

Siklus hidup komponen

Junior
18 pertanyaan

React Router

Junior
20 pertanyaan

Manajemen state dengan Context

Junior
18 pertanyaan

Form & Controlled Components

Mid-Level
20 pertanyaan

Pengambilan Data & API

Mid-Level
20 pertanyaan

React Query (TanStack Query)

Mid-Level
20 pertanyaan

Styling & CSS-in-JS

Mid-Level
18 pertanyaan

TypeScript dengan React

Mid-Level
20 pertanyaan

Data Fetching Next.js

Mid-Level
24 pertanyaan

Server Actions Next.js

Mid-Level
20 pertanyaan

Routing & Navigasi Next.js

Mid-Level
22 pertanyaan

API Routes Next.js

Mid-Level
20 pertanyaan

Metadata & SEO di Next.js

Mid-Level
18 pertanyaan

Middleware & Auth di Next.js

Mid-Level
22 pertanyaan

Pengujian React

Mid-Level
20 pertanyaan

Zustand State Management

Mid-Level
18 pertanyaan

Optimasi Performa React

Senior
22 pertanyaan

Error Boundaries & Error Handling

Senior
18 pertanyaan

Advanced React Patterns

Senior
20 pertanyaan

Fitur Lanjutan Next.js

Senior
24 pertanyaan

Deployment & Produksi Next.js

Senior
20 pertanyaan

Architecture & Design Patterns

Senior
22 pertanyaan

React Server Components

Senior
26 pertanyaan

Internasionalisasi Next.js

Senior
20 pertanyaan

Keamanan React & Praktik Terbaik

Senior
22 pertanyaan

Kuasai React / Next.js untuk wawancara berikutnya

Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.

Mulai gratis