React / Next.js

React Router

BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes

20 pertanyaan wawancara·
Junior
1

Apa itu BrowserRouter di React Router?

Jawaban

BrowserRouter menggunakan History API browser untuk membuat URL yang bersih tanpa hash. Tidak seperti HashRouter yang menambahkan # di URL, BrowserRouter memberikan pengalaman pengguna dan SEO yang lebih baik. Namun, diperlukan konfigurasi server untuk menangani rute dengan benar di produksi.

2

Komponen apa yang harus digunakan untuk mendefinisikan route di React Router?

Jawaban

Komponen Route mendefinisikan kecocokan antara path URL dan komponen yang akan ditampilkan. Harus ditempatkan di dalam komponen Routes agar berfungsi dengan benar. Setiap Route menentukan path dan element yang akan dirender ketika URL cocok.

3

Apa fungsi komponen Link di React Router?

Jawaban

Link membuat tautan navigasi tanpa memuat ulang halaman. Tidak seperti tag HTML native <a>, Link mencegat klik dan menggunakan History API untuk mengubah URL. Ini mempertahankan state aplikasi dan memberikan navigasi yang lebih cepat dan lancar.

4

Apa peran komponen Routes?

5

Bagaimana cara mengambil parameter URL seperti :id di /user/:id?

+17 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

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

Dasar-dasar Next.js

Mid-Level
25 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