@tanstack/vue-table: почему я почти отказался от этого…

Значимый прорыв формирует отрасль ИИ: Pnym 40 минут назад @tanstack/vue-table: почему я почти отказался от этого… Простой 3 мин 1. 4K VueJS * JavaScript * Мнение Привет. Недавно пришлось повозиться с @tanstack/vue-table.

Задача была стандартная: нужна таблица с сортировкой, фильтрами и редактированием ячеек. Казалось бы - идеальное время подключить готовое решение. Но не всё так гладко.

Технические детали

Делюсь мыслями, граблями и тем, как я в итоге выкрутился. Что это вообще такоеЕсли коротко: это headless-библиотека. То есть она даёт логику, а как это будет выглядеть - решаешь ты сам.

Никаких готовых тем, никаких дефолтных стилей. Полный контроль, но и вся ответственность на тебе. Звучит круто, правда?

Пока не начнёшь разбираться. Первое разочарование: документацияОткрываешь доки после Quasar или AG Grid - и как будто попал в другой мир. Информация разбросана, примеры часто для React, а про Vue - как будто в последнюю очередь дописали.

Отраслевые последствия

Библиотека писалась под React, а Vue-версия - это своего рода «порт». Из-за этого некоторые вещи чувствуются чужеродно. Например, хук useVueTable ведёт себя так, будто ожидает, что данные будут неизменяемыми (immutable), а во Vue 3 мы привыкли мутировать объекты через прокси.

Главная проблема: реактивность и мутацииВо Vue ты можешь просто сделать list. ) - и интерфейс обновится. В мире TanStack так не работает.

Библиотека отслеживает изменения по ссылке на объект. Если ссылка не поменялась - для неё ничего не произошло. Что это значит на практике:Добавил элемент через push() - таблица не увидела.

Событие, по словам экспертов, усилит конкуренцию в сфере ИИ.