Разбор подводных камней TanStack Query v5
Ошибки в TanStack Query могут вызывать дублирующиеся запросы, устаревшие данные кеша и сломанные состояния мутаций. Этот навык проводит Claude, Codex и Claude Code через сфокусированные проверки паттернов запросов и мутаций в v5.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "pitfalls-tanstack-query" from https://skillstore.io/skills/barissozen-pitfalls-tanstack-query.md and its manifest at https://skillstore.io/api/skills/barissozen-pitfalls-tanstack-query/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «pitfalls-tanstack-query». Мутация редактирования продукта возвращает успех, но страница списка все еще показывает старые данные.
Ожидаемый результат:
Ревью отмечает отсутствующую инвалидацию после успешной мутации. Оно рекомендует обновить список продуктов и затронутые детальные записи.
Использование «pitfalls-tanstack-query». Команда переносит мутации с React Query v4 на TanStack Query v5.
Ожидаемый результат:
Вывод выявляет устаревшие имена состояний загрузки и рекомендует терминологию состояния pending из v5 для UI мутаций.
Использование «pitfalls-tanstack-query». Экран редактирования должен давать мгновенную обратную связь, пока сетевой запрос находится в ожидании.
Ожидаемый результат:
Рекомендации описывают snapshot, оптимистичное обновление кеша, rollback при ошибке и финальную инвалидацию после завершения.
All six static findings are false positives caused by Markdown TypeScript code fences and JavaScript template literals in documentation examples. No prompt injection, data exfiltration, shell execution, or other malicious intent was found in SKILL.md.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/barissozen-pitfalls-tanstack-query/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barissozen-pitfalls-tanstack-query?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barissozen-pitfalls-tanstack-query?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barissozen-pitfalls-tanstack-query/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barissozen-pitfalls-tanstack-query.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>BarisSozen. (2026). pitfalls-tanstack-query security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barissozen-pitfalls-tanstack-query/audits/8@techreport{barissozen-barissozen-pitfalls-tanstack-query-2026,
author = {BarisSozen},
title = {pitfalls-tanstack-query security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barissozen-pitfalls-tanstack-query/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "pitfalls-tanstack-query security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "BarisSozen"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barissozen-pitfalls-tanstack-query/audits/8"
identifiers:
- type: other
value: "skillstore:barissozen-pitfalls-tanstack-query:audit:8"
description: "Skillstore immutable audit report identifier"
Проверка ключей запросов, типизированных ответов и состояний загрузки перед подключением React-представления к серверным данным.
Проверка того, что мутации инвалидируют связанные запросы и поддерживают актуальность кешированных экранов после записей.
Выявление привычек из v4, таких как mutation isLoading, которые нужно заменить в TanStack Query v5.
Проверь этот React-компонент на проблемы с ключами запросов в TanStack Query v5. Сфокусируйся на ключах useQuery и рисках устаревших данных.
Изучи эти обработчики useMutation на предмет отсутствующей инвалидации. Объясни, какие запросы нужно инвалидировать и почему.
Сравни этот код React Query с паттернами TanStack Query v5. Отметь имена состояний, использование мутаций и предположения о кеше.
Спроектируй поток оптимистичного обновления TanStack Query v5 для этой функции редактирования. Включи snapshot, rollback, invalidation и обработку ошибок.
Автор
BarisSozenЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Актуальность поддержки
24.07.2026
Использование
5 загрузок · 218 просмотров
Структура файлов
📄 SKILL.md
Аудит определений навыков на качество
Библиотеки навыков могут со временем становиться непоследовательными по формату, содержать слабые описания и неясные рабочие процессы. Этот навык сочетает автоматические проверки с критериями ручного ревью, чтобы улучшить структуру и готовность к публикации в маркетплейсе.
Проектирование интерфейсов в стиле Apple
Современным продуктовым командам нужны согласованные и отточенные рекомендации по UI. Этот навык дает Claude, Codex и Claude Code практические правила в стиле Apple для типографики, цвета, отступов, компонентов, анимации и UX-ревью.
Проверка согласованности типов между языками
Расхождение типов между языками может приводить к потере точности и ошибкам контрактов. Этот навык проводит Claude, Codex и Claude Code через проверки Rust, TypeScript и PostgreSQL.
Проверка системных интеграций перед развертыванием
Расхождение интеграций может блокировать развертывания и вызывать поздние сбои. Этот навык помогает проверять порты, базы данных, API-контракты и потоки данных перед релизом.
Отслеживание задержки MEV с рекомендациями по span
Проблемы с задержкой в MEV-системах сложно изолировать между вызовами и этапами транзакций. Этот skill помогает с иерархией span, инструментированием, агрегацией и порогами оповещений.
Избегайте ошибок миграций Drizzle ORM
Ошибки в схемах Drizzle ORM могут нарушить миграции и ослабить типобезопасность. Этот навык направляет Claude, Codex и Claude Code к более безопасным паттернам.
Создавайте fullstack-приложения с рекомендациями senior-разработчика
от alirezarezvani
Fullstack-проекты часто требуют согласованной настройки, выбора архитектуры и проверок качества. Этот навык предоставляет скрипты и справочные материалы для работы с React, Next.js, Node.js, GraphQL и PostgreSQL.
Реализация React View Transitions
от vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.
Создание типобезопасных компонентов React
от softaworks
Работа с React и TypeScript часто требует точных типов для событий, хуков и маршрутов. Этот skill предоставляет сфокусированные паттерны для типизированных компонентов, API React 19 и маршрутизации.
Создание готовых к промышленной эксплуатации фронтенд-функций
от davila7
Фронтенд-командам нужны согласованные рекомендации по React и Next.js для разных проектов. Этот навык предоставляет справочные рабочие процессы, практики обеспечения качества и вспомогательные скрипты для анализа фронтенда.
Оптимизация производительности Next.js
от Atman36
Приложения Next.js могут замедляться из-за больших бандлов, слабого кэширования и неоптимизированных медиа. Этот навык помогает Claude, Codex и Claude Code выполнять целевые улучшения производительности для продакшен-приложений.
Оптимизация производительности React и Next.js
от vercel-labs
Приложения React и Next.js часто теряют скорость из-за waterfalls, больших бандлов и предотвратимых повторных рендеров. Этот skill дает агентам конкретные правила для более безопасных изменений, ориентированных на производительность.