Quiz tentang React Router

Apa fungsi utama dari React Router dalam aplikasi React?

• Menambahkan fitur drag-and-drop pada komponen

• Mengatur navigasi antar halaman tanpa memuat ulang seluruh aplikasi

• Membuat animasi pada halaman web

• Mempermudah pengelolaan state global

Apa komponen React Router yang digunakan untuk mendefinisikan jalur routing?

• <Link>

• <Route>

• <Switch>

• <BrowserRouter>

Berikut alasan menggunakan react router, kecuali?

• Membuat navigasi halaman menjadi tidak menggunakan metode reload

• Mudah melakukan nested routing

• Memudahkan reload halaman

• Memudahkan melindungi path yang memerlukan autentikasi

Apa kegunaan atribut exact pada <Route> ?

• Membuat jalur routing menjadi lebih cepat

• Membatasi agar route hanya cocok jika URL sama persis

• Menambahkan animasi pada routing

• Menghubungkan route dengan state

Bagaimana cara melakukan navigasi programmatically dalam React Router?

• Dengan menggunakan <Link>

• Dengan fungsi navigate dari useNavigate()

• Dengan atribut to pada <Route>

• Dengan atribut href pada <a>

Berikut component dari react-router, kecuali?

• BrowserRouter

• Navigation

• Outlet

• Route

Apa yang dimaksud dengan Nested Routes dalam React Router?

• Menambahkan animasi pada route

• Mengatur komponen child agar memiliki jalur routing sendiri

• Membuat route hanya bisa diakses dengan token

• Mengatur state dalam komponen child

Apa perbedaan antara <Link> dan <NavLink> dalam React Router?

• <Link> mendukung navigasi biasa, sedangkan <NavLink> mendukung styling untuk link aktif

• <NavLink> lebih cepat dibandingkan <Link>

• <Link> digunakan untuk client-side, sedangkan <NavLink> untuk server-side

• <NavLink> hanya mendukung hash-based routing

Bagaimana cara menangani Protected Routes menggunakan React Router?

• Menggunakan atribut exact pada <Route>

• Menggunakan wrapper component yang memeriksa autentikasi sebelum render

• Menambahkan atribut private pada <Route>

• Menggunakan fungsi useNavigate()

Apa tujuan utama dari React Router’s useNavigate() hook?

• Untuk membuat animasi pada link aktif

• Untuk mengganti href dengan navigasi programmatically

• Untuk mengelola state routing dalam aplikasi

• Untuk mengganti useParams() dalam routing