Rendering Strategies
Secara default, React Router bakal nge-render halaman secara server-side pake mekanisme SSR (Server-Side Rendering). Ini sama kayak Next.js versi pages router. Di samping itu, React Router juga support dua strategi rendering lainnya, yaitu:
- Client-Side Rendering: Halaman di-render di client/browser, jadi nggak ada SSR.
- Static Pre-rendering: Halaman di-render di server saat build time, jadi hasilnya adalah HTML statis.
Buat ngubah strategi rendering, lo bisa atur konfigurasinya di file react-router.config.ts.
Ini contohnya kalo lo mau pake Client-Side Rendering:
react-router.config.ts
Dengan nge-disable SSR, artinya alih-alih pake loader dan action, lo bakal pake clientLoader dan clientAction buat nge-fetch dan mutasi data di client/browser.
Ini basically lo bikin Single Page Application (SPA) pake React Router.