# TanStack Router

Pustaka routing modern dan skalabel yang dirancang khusus untuk React, dengan fokus pada keamanan tipe dan pengelolaan data yang efisien.

[Website](https://tanstack.com/router/latest) [GitHub](https://github.com/TanStack/router) [npm](https://npmjs.com/package/@tanstack/react-router)

TanStack Router menyediakan solusi routing yang sepenuhnya aman tipe untuk aplikasi React. Pustaka ini merancang ulang pola routing modern demi pengalaman developer yang lebih baik tanpa mengorbankan keamanan.

Router ini menyederhanakan pengambilan data dan memungkinkan navigasi instan dengan caching bawaan serta pramuat otomatis. API loader yang serbaguna mencegah proses pengambilan data berlangsung berurutan, sehingga pengguna tetap dapat berinteraksi saat halaman dimuat secara paralel.

Selain itu, TanStack Router menyediakan API parameter pencarian tingkat lanjut yang meningkatkan manajemen status dengan memungkinkan penggunaan skema, validasi, dan manipulasi parameter pencarian URL. Kemampuan ini mengurangi ketergantungan pada status dalam memori dan meningkatkan pengalaman pengguna.

Dengan arsitektur ringan (hanya 12kb), pustaka ini mempertahankan kinerja dan skalabilitas, menjadikannya pilihan andal untuk meluncurkan aplikasi berkinerja tinggi. Integrasi dengan mitra seperti Vercel, Clerk, Convex, dan Sentry menambah manfaatnya dengan mendukung keamanan, interaksi data real-time, dan pemantauan aplikasi yang efektif.

## Fitur

- 100% aman tipe
- Loader rute paralel
- API parameter pencarian kelas satu
- Rute bertingkat/tata letak
- Ringan (12kb)
- Suspense + Transisi
- Navigasi ketat
- Path yang dilengkapi otomatis
- Skema parameter pencarian
- Validasi parameter pencarian
- Penguraian + serialisasi parameter pencarian
- Pemrosesan parameter pencarian sebelum/sesudah
- Pembagian struktural
- Prefetch otomatis
- Elemen asinkron
- Elemen tertunda
- Batas error

## Detail

**Bintang GitHub**

8.4K

**Unduhan NPM**

228.8K/minggu

**Versi Terbaru**

1.86.1

**Dibuat pada**

Jan 14, 2019

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

Iklan Anda di sini?

[Email kami](mailto:hi@dennn.is?subject=Beriklan%20di%20KickstartUI)

[Iklan Rangkaian plugin siap agen untuk WordPress.](https://sleekwp.com/?ref=kickstartui)

## Item Terkait

### [TanStack Start](https://kickstartui.com/id/details/tanstack-start/)

Meta-framework full-stack untuk React dan Solid dengan routing aman tipe, SSR, streaming, fungsi server, dan bundling yang didukung Vite, siap diterapkan di mana saja.

**Bintang GitHub**

10.8K

**Diperbarui pada**

Aug 17, 2025

**Lisensi**

MIT License

### [React Router](https://kickstartui.com/id/details/react-router/)

Alat penting untuk mengelola perutean dan navigasi di aplikasi React, meningkatkan efisiensi pengembang sekaligus performa aplikasi.

**Bintang GitHub**

53.4K

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

### [Hybrids](https://kickstartui.com/id/details/hybrids/)

Framework ini membantu pengembang membangun aplikasi dan komponen web yang efisien serta mudah dipelihara dengan memadukan teknik pemrograman deklaratif dan fungsional.

**Bintang GitHub**

3.1K

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

### [Inertia.js](https://kickstartui.com/id/details/intertiajs/)

Solusi ini menyederhanakan pengembangan aplikasi web modern dengan memanfaatkan teknik sisi klien terkini sekaligus mempertahankan kesederhanaan aplikasi tradisional yang dirender di sisi server.

**Bintang GitHub**

6.6K

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

### [nuqs](https://kickstartui.com/id/details/nuqs/)

Kelola state aplikasi di Next.js dengan mudah menggunakan string kueri URL untuk mempertahankan dan menyinkronkan state.

**Bintang GitHub**

5.1K

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

### [React Hook Form](https://kickstartui.com/id/details/react-hook-form/)

Pustaka pengelolaan formulir andal yang menyederhanakan proses mengelola formulir di aplikasi React, dengan fokus pada performa dan kemudahan penggunaan.

**Bintang GitHub**

41.8K

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

### [usehooks-ts](https://kickstartui.com/id/details/usehooks-ts/)

Kumpulan React hooks yang meningkatkan proses pengembangan dengan menyediakan solusi siap pakai, memastikan pengetikan yang kuat dan efisiensi dalam aplikasi Anda.

**Bintang GitHub**

6.6K

**Diperbarui pada**

Dec 6, 2024

**Lisensi**

MIT License

### [TanStack Form](https://kickstartui.com/id/details/tanstack-form/)

Manajemen status formulir headless dan aman tipe dengan validasi yang tidak bergantung pada skema, langganan terperinci, serta API ergonomis untuk membuat formulir kompleks.