Pindah-Pindah "Ruangan" di Aplikasi React Tanpa Reload: Kenalan Sama Client-Side Routing!
Udah bisa bikin komponen-komponen UI yang keren pake React? Mantap! Sekarang, bayangin kamu mau bikin aplikasi web yang punya beberapa "halaman" atau "tampilan" berbeda, misalnya halaman Beranda, halaman Tentang Kami, halaman Produk, halaman Kontak.
Di website tradisional (Multi-Page Application - MPA), tiap kali kamu klik link ke halaman lain, browser bakal ngirim request baru ke server, terus server ngirim balik file HTML baru, dan seluruh halaman di-reload.
Tapi, di aplikasi React modern, kita seringnya bikin Single Page Application (SPA). Artinya, browser cuma nge-load satu file HTML aja di awal. Terus, pas pengguna navigasi ke "halaman" lain, JavaScript (React) yang bakal ngubah konten di halaman itu secara dinamis tanpa perlu nge-reload seluruh halaman dari server. Ini bikin transisi antar tampilan jadi kerasa lebih cepet dan smooth, kayak aplikasi desktop atau mobile.
Nah, mekanisme buat ngatur tampilan mana yang muncul berdasarkan URL di browser (tanpa reload) di SPA ini disebut Client-Side Routing. Dan di ekosistem React, library yang paling populer buat ngurusin ini adalah React Router.
