Навыки tanstack-integration
📦

tanstack-integration

Ревизия содержимого r1 Безопасно ⚙️ Внешние команды🌐 Доступ к сети

Оценка возможностей внедрения TanStack

Команды часто добавляют тяжелые библиотеки до того, как React-приложение докажет, что они ему нужны. Этот навык помогает точечно внедрять TanStack после того, как код без дополнительных библиотек уже работает.

Поддерживает: Claude Codex Code(CC)
🥉 78 Бронза

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента
Review the Skillstore skill "tanstack-integration" from https://skillstore.io/skills/dicklesworthstone-tanstack-integration.md and its manifest at https://skillstore.io/api/skills/dicklesworthstone-tanstack-integration/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Протестировать

Использование «tanstack-integration». Проанализировать дашборд с повторяющимися состояниями загрузки, повторной загрузкой пользовательских данных и локальными фильтрами.

Ожидаемый результат:

  • Рекомендовать TanStack Query для пользовательских данных, потому что кэширование и общее состояние загрузки повторяются.
  • Оставить небольшую форму настроек без дополнительных библиотек, потому что валидация простая.
  • Отдельно проанализировать самую большую таблицу перед добавлением TanStack Table.

Использование «tanstack-integration». Оценить таблицу клиентов с сортировкой, фильтрацией, пагинацией и выбором строк.

Ожидаемый результат:

  • TanStack Table является сильным кандидатом, потому что несколько поведений таблицы уже реализованы вручную.
  • Миграцию стоит начать с определений колонок и тестов выбора строк.
  • Избегать TanStack Router, потому что маршрутизация Next.js уже достаточна.

Аудит безопасности

Безопасно

The static findings are false positives caused by Markdown fences, inline library references, and example code. The network examples use relative API paths, and the project review language matches the stated TanStack analysis purpose.

1
Просканировано файлов
282
Проанализировано строк
0
Пункты проверки
0
Ложные срабатывания проигнорированы
Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.
Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет
Оценка безопасности

Копировать ссылку на отчёт

https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/dicklesworthstone-tanstack-integration/security.svg)](https://skillstore.io/skills/dicklesworthstone-tanstack-integration?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/dicklesworthstone-tanstack-integration?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dicklesworthstone-tanstack-integration/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/dicklesworthstone-tanstack-integration.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Академические ссылки (APA · BibTeX · CFF)

Цитата APA

Dicklesworthstone. (2026). tanstack-integration security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8

Цитата BibTeX

@techreport{dicklesworthstone-dicklesworthstone-tanstack-integration-2026, author = {Dicklesworthstone}, title = {tanstack-integration security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "tanstack-integration security audit report (audit version 8)" version: "unspecified" type: report authors: - name: "Dicklesworthstone" date-released: "2026-07-06" url: "https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8" identifiers: - type: other value: "skillstore:dicklesworthstone-tanstack-integration:audit:8" description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий
55
Архитектура
85
Сопровождаемость
87
Контент
70
Сообщество
83
Соответствие спецификации

Что вы можете построить

Планирование рефакторинга React

Проанализировать работающее приложение и выбрать изменения с TanStack, которые уменьшают повторяющееся управление состоянием.

Контроль разрастания библиотек

Решить, когда чистый React остается проще, чем добавление еще одной зависимости.

Подготовка задач на миграцию

Преобразовать одобренных кандидатов для Query, Table, Form или Virtual в ограниченные по объему задачи реализации.

Попробуйте эти промпты

Базовый обзор внедрения
Проанализируй это работающее приложение на React или Next.js на предмет возможностей TanStack. Перечисли кандидатов, преимущества, сложность и то, что стоит оставить без дополнительных библиотек.
Поиск кандидатов для Query
Найди код загрузки данных, которому может быть полезен TanStack Query. Приоритизируй случаи кэширования, повторной загрузки данных, пагинации и оптимистичных обновлений.
Обзор таблиц и форм
Проанализируй формы, таблицы и длинные списки. Рекомендуй TanStack Form, Table или Virtual только тогда, когда текущая сложность это оправдывает.
План миграции
Создай поэтапный план миграции для одобренных изменений TanStack. Включи риски, тесты, точки отката и проверки размера бандла.

Лучшие практики

  • Начинайте с рабочей реализации без дополнительных библиотек, прежде чем рекомендовать TanStack.
  • Внедряйте по одной библиотеке TanStack за раз и измеряйте результат.
  • Оставляйте простые статические таблицы, простые формы и разовые загрузки данных без дополнительных библиотек.

Избегать

  • Установка всех библиотек TanStack до появления явных потребностей.
  • Замена простого React-кода только потому, что существует библиотека.
  • Игнорирование размера бандла, тестов и знакомства команды с технологией во время миграции.

Часто задаваемые вопросы

Стоит ли сначала установить каждый пакет TanStack?
Нет. Навык рекомендует внедрение только после того, как рабочая версия без дополнительных библиотек показывает явную сложность или потребности в производительности.
Может ли он заменить ревью кода?
Нет. Он помогает планировать рефакторинг, но инженеры должны проверять поведение, тесты, доступность и влияние на размер бандла.
Работает ли он с Next.js App Router?
Да. Он часто оставляет App Router и рекомендует TanStack Router только тогда, когда сложность маршрутизации это оправдывает.
Будет ли он автоматически изменять мои файлы?
Нет. Он предоставляет промпты для анализа и рекомендации по миграции. Для изменения файлов нужен отдельный запрос на реализацию.
Какие библиотеки он охватывает?
Он охватывает Query, Table, Form, Router, Virtual и Ranger на уровне принятия решений.
Может ли он помочь с legacy React-приложениями?
Да. Он может выявить наиболее ценных кандидатов перед поэтапной миграцией.

Сведения для разработчиков

Лицензия

MIT

Ревизия Skillstore

r1

Примечание о версии

Автор не указал версию.

Ссылка

72d5025b022c77f7a51bdf5c1637c689c80e89d1

Актуальность поддержки

20.07.2026

Использование

6 загрузок · 215 просмотров

Структура файлов

📄 SKILL.md

Больше от Dicklesworthstone

Показать все
📦

bv

79

Приоритизация работы в Beads с помощью графовых метрик

Команды часто пропускают блокеры и циклы, когда вручную просматривают списки задач. Этот skill превращает данные Beads в целенаправленную сортировку, планирование и рекомендации по рабочим процессам агентов.

Продуктивность Просмотр
📦

planning-workflow

79

Планирование агентных программных проектов

Крупные проекты по написанию кода с помощью ИИ терпят неудачу, когда реализация начинается до того, как становится ясна архитектура. Этот навык предоставляет рабочий процесс планирования для подробных markdown-планов, ревью моделями и передачи задач.

Кодинг и разработка Просмотр
📦

ui-ux-polish

78

Доработка UI и UX веб-приложения

Многие рабочие веб-приложения все еще ощущаются неровными на десктопе и мобильных устройствах. Этот навык дает агентам итеративный процесс доработки для более четких макетов, состояний и адаптивных деталей.

Дизайн и креатив Просмотр
📦

beads-workflow

78

Преобразование планов в рабочие процессы Beads

Большие markdown-планы трудно стабильно выполнять командам агентов. Этот навык превращает планы в подробные задачи Beads с зависимостями, циклами проверки и рекомендациями по передаче работы.

Кодинг и разработка Просмотр
Показать все
📦

vercel-react-best-practices

80

Оптимизация производительности React и Next.js

от vercel-labs

Приложения React и Next.js часто теряют скорость из-за waterfalls, больших бандлов и предотвратимых повторных рендеров. Этот skill дает агентам конкретные правила для более безопасных изменений, ориентированных на производительность.

Кодинг и разработка Просмотр
📦

senior-fullstack

82

Создавайте fullstack-приложения с рекомендациями senior-разработчика

от alirezarezvani

Fullstack-проекты часто требуют согласованной настройки, выбора архитектуры и проверок качества. Этот навык предоставляет скрипты и справочные материалы для работы с React, Next.js, Node.js, GraphQL и PostgreSQL.

Кодинг и разработка Просмотр
📦

vercel-react-view-transitions

82

Реализация React View Transitions

от vercel-labs

Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.

Кодинг и разработка Просмотр
📦

senior-frontend

81

Создание готовых к промышленной эксплуатации фронтенд-функций

от davila7

Фронтенд-командам нужны согласованные рекомендации по React и Next.js для разных проектов. Этот навык предоставляет справочные рабочие процессы, практики обеспечения качества и вспомогательные скрипты для анализа фронтенда.

Кодинг и разработка Просмотр
📦

i18n-automation

80

Автоматизация локализации веб-приложений

от DNYoussef

Добавление многоязычной поддержки часто распределяет строки, маршрутизацию, метаданные и файлы локалей по всей кодовой базе. Этот навык планирует и реализует настройку i18n с переводами, валидацией и документацией.

Кодинг и разработка Просмотр
📦

analyzing-patterns

86

Анализ паттернов кода и архитектуры

от C0ntr0lledCha0s

В больших кодовых базах скрываются повторяющиеся структуры и неочевидные архитектурные решения. Этот навык находит паттерны, объясняет их назначение и выделяет практические возможности для рефакторинга.

Кодинг и разработка Просмотр