TanStack Router
Сучасна масштабована бібліотека маршрутизації для React, що спеціалізується на типобезпеці та ефективному керуванні даними.
TanStack Form
Стан
Безголове, типобезпечне керування станом форм для створення складних високопродуктивних форм без нав’язування інтерфейсу користувача.
Побудований навколо базового рушія з невеликим розміром і можливістю вилучення невикористаного коду та легкої інтеграції з React, він зосереджується на передбачуваному стані, мінімальній кількості повторних рендерингів і зручному API.
Перевірка даних не залежить від схеми та підтримує синхронні й асинхронні сценарії, безперешкодно працюючи із Zod, Yup, Valibot або власними валідаторами. Підтримує правила між полями, перевірку на рівні форми та валідатори на рівні поля з точковими підписками.
Серед можливостей — вкладені поля, масиви полів, керовані й некеровані поля введення, а також потужні допоміжні функції для додавання, вставлення, видалення та зміни порядку елементів. Підтримка TypeScript забезпечує наскрізну типобезпеку й виведення типів для значень форми, помилок і метаданих.
Інтегрується з будь-якою бібліотекою компонентів інтерфейсу, підтримує шаблони, сумісні із SSR, і покращує досвід розробки завдяки зрозумілим повідомленням про помилки та компонованим примітивам.
Можливості
- Безголове керування станом форм
- Точкові підписки для зменшення кількості повторних рендерингів
- Перевірка даних, що не залежить від схеми (Zod, Yup, Valibot, власні валідатори)
- Підтримка синхронної й асинхронної перевірки даних
- Валідатори між полями та на рівні форми
- Вкладені поля та глибокі структури форм
- Масиви полів із допоміжними функціями додавання/вставлення/видалення/зміни порядку
- Пріоритетна підтримка TypeScript із точним виведенням типів
- Працює з керованими й некерованими полями введення
- Компонований API для полів, форм і масивів
- Хуки для скидання, надсилання та життєвого циклу
- Інтеграція з будь-якою бібліотекою компонентів інтерфейсу
- Невелике ядро з можливістю вилучення невикористаного коду
- Адаптер React для безперешкодного використання
Пов’язані матеріали
Jotai
Потужне й водночас легке рішення для керування станом у React-застосунках на основі атомарного підходу.
Legend State
Ця потужна бібліотека спрощує керування станом у застосунках і полегшує роботу зі складними даними.
MobX
Це рішення для керування станом забезпечує просту інтеграцію динамічних даних у ваші застосунки та легко адаптується до змін.
zustand
Сучасне рішення для керування станом застосунку в React-застосунках із акцентом на простоту та продуктивність.
MobX-State-Tree
Багатофункціональна бібліотека, що спрощує керування станом завдяки структурованому підходу до роботи зі змінюваним станом.
Redux Toolkit
Комплексний набір інструментів, що спрощує та покращує розробку на Redux, допомагаючи створювати передбачувані застосунки, якими легко керувати.
valtio
Ця бібліотека спрощує керування станом на основі проксі в сучасних застосунках, покращуючи досвід розробки завдяки ефективному рендерингу та простому керуванню станом.