Перейти до вмісту

TanStack Router забезпечує повністю типобезпечну маршрутизацію для застосунків React. Ця бібліотека переосмислює сучасні шаблони маршрутизації, щоб покращити досвід розробки без втрати безпеки типів.

Маршрутизатор спрощує отримання даних і забезпечує миттєві переходи завдяки вбудованому кешуванню й автоматичному попередньому завантаженню. Універсальний API завантажувачів запобігає каскадному завантаженню даних, тож сторінки завантажуються паралельно, а користувачі не чекають.

Крім того, TanStack Router має розширений API для параметрів пошуку, який покращує керування станом завдяки схемам, перевірці та зміні URL-параметрів пошуку. Це зменшує залежність від стану в пам’яті та покращує взаємодію з користувачами.

Завдяки легкій архітектурі (лише 12kb) бібліотека зберігає високу продуктивність і масштабованість, що робить її надійним вибором для розгортання високопродуктивних застосунків. Інтеграція з партнерами, такими як Vercel, Clerk, Convex і Sentry, підвищує її цінність, забезпечуючи безпеку, взаємодію з даними в реальному часі та ефективний моніторинг застосунків.

Можливості

  • 100% типобезпечність
  • Паралельні завантажувачі маршрутів
  • Повноцінні API для параметрів пошуку
  • Вкладені маршрути та маршрути макетів
  • Легка бібліотека (12kb)
  • Suspense і переходи
  • Сувора навігація
  • Автодоповнення шляхів
  • Схеми параметрів пошуку
  • Перевірка параметрів пошуку
  • Розбір і серіалізація параметрів пошуку
  • Попередня й подальша обробка параметрів пошуку
  • Структурне спільне використання
  • Автоматичне попереднє завантаження
  • Асинхронні елементи
  • Очікувані елементи
  • Межі обробки помилок

Пов’язані матеріали

TanStack Start

Повноцінний метафреймворк для React і Solid із типобезпечною маршрутизацією, SSR, потоковою передачею, серверними функціями та збиранням на базі Vite, готовий до розгортання будь-де.

React Router

Необхідний інструмент для керування маршрутами й навігацією в застосунках React, що підвищує ефективність розробки та продуктивність застосунків.

Hybrids

Цей фреймворк допомагає розробникам створювати ефективні вебзастосунки та компоненти, які легко підтримувати, поєднуючи декларативні й функціональні методи програмування.

Inertia.js

Це рішення спрощує розробку сучасних вебзастосунків завдяки сучасним клієнтським методам, зберігаючи простоту традиційних застосунків із серверним рендерингом.

nuqs

Легко керуйте станом застосунку в Next.js, використовуючи рядок запиту URL для збереження та синхронізації стану.

React Hook Form

Потужна бібліотека для роботи з формами, яка спрощує керування ними в застосунках React і зосереджується на продуктивності та зручності використання.

usehooks-ts

Колекція хуків React, що спрощує розробку завдяки готовим рішенням, суворій типізації та ефективній роботі застосунків.

TanStack Form

Керування станом форм без інтерфейсу користувача, із безпечною типізацією, валідацією без прив’язки до схеми, детальними підписками та зручним API для створення складних форм.