Next.js
Надійне рішення для створення асинхронних динамічних вебзастосунків із широким набором можливостей, що підвищують продуктивність розробників.
TanStack Table
Утиліта
TanStack Table — це просунута безголова бібліотека UI, яка дає змогу розробникам із нуля створювати потужні таблиці й сітки даних, зберігаючи повний контроль над розміткою та стилями.
Вона не залежить від конкретного фреймворку й підтримує основні фронтенд-фреймворки, зокрема React, Vue, Solid, Svelte і Lit.
Бібліотека має невеликий розмір — зазвичай 10–15kb після tree-shaking, тому підходить для застосунків, де важлива продуктивність. Завдяки невеликій поверхні API вона пропонує широкі можливості, зокрема сортування, фільтрування, розбиття на сторінки й ефективну роботу з великими наборами даних.
Одна з головних переваг TanStack Table — безголова архітектура, що дає розробникам змогу налаштовувати майже всі аспекти UI таблиці без обмежень наперед заданими стилями. Така гнучкість ідеально підходить дизайнерам, яким потрібно втілювати власні естетичні рішення й досягати точності до пікселя.
TanStack Table можна розширювати й легко перевизначати значення за замовчуванням. Бібліотека вміє працювати з даними на стороні сервера та зовнішніми джерелами. Її потужні функції дають змогу створювати складні інтерфейси й слугують основою для представлення даних у вебзастосунках.
Можливості
- Легка (10-15kb)
- Tree-shaking
- Headless-дизайн
- Форматування комірок
- Автоматичне керування внутрішнім станом
- Можливість повністю контролювати стан
- Сортування
- Множинне сортування
- Глобальні фільтри
- Фільтри стовпців
- Пагінація
- Групування рядків
- Агрегування
- Вибір рядків
- Розгортання рядків
- Порядок стовпців
- Видимість стовпців
- Зміна ширини стовпців
- Підтримка віртуалізації
- Дані на стороні сервера або із зовнішніх джерел
- Вкладені та згруповані заголовки
- Нижні колонтитули
Пов’язані матеріали
Preact
Швидка альтернатива React, що зберігає сучасні можливості й має мінімальний розмір для ефективної веб-розробки.
Refine
Цей потужний фреймворк React спрощує створення внутрішніх інструментів і адміністративних панелей, даючи розробникам змогу зосередитися на функціях замість повторного написання базового коду.
Angular
Цей фреймворк пропонує надійне рішення для створення динамічних і масштабованих вебзастосунків. Його широкі можливості задовольнять потреби розробників, яким потрібен гнучкий, але структурований підхід до розробки застосунків.
dndkit
Набір інструментів, який дає змогу легко додавати функцію перетягування до застосунків React.
Docusaurus
Проєкт для простого створення сайтів документації, що дає змогу зосередитися на вмісті та зручності використання.
Enhance
Це рішення підвищує продуктивність і ефективність застосунків, даючи розробникам змогу використовувати підхід до розробки з орієнтацією на HTML та спрощуючи процеси створення й розгортання.
Hybrids
Цей фреймворк допомагає розробникам створювати ефективні вебзастосунки та компоненти, які легко підтримувати, поєднуючи декларативні й функціональні методи програмування.