tanstack
Build Reliable TanStack Data and Routing
Duplicated server state and inconsistent query keys can cause stale data and unnecessary requests. This skill guides TanStack patterns for caching, mutations, routing, and rendering.
๋ด ์์ด์ ํธ๋ก ์ค์น
์ด ์์ฒญ์ ์์ด์ ํธ์ ๋ณต์ฌํ์ธ์. ๊ณต์ Skill ํ์ด์ง์ ๋งค๋ํ์คํธ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค.
Review the Skillstore skill "tanstack" from https://skillstore.io/skills/shreyam1008-tanstack.md and its manifest at https://skillstore.io/api/skills/shreyam1008-tanstack/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.์์ด์ ํธ๋ ๊ณ์ํด์ ๊ณํ์ ํ์ํ๊ณ ๋ณด์ ์ ์ฑ ์์ ์๊ตฌํ๋ ํ์ธ์ ์์ฒญํด์ผ ํฉ๋๋ค.
์์ด์ ํธ๊ฐ ์ฝ๊ธฐ ์ฌ์ด ๋ฆฌ์์ค
AI ์์ด์ ํธ, ํฌ๋กค๋ฌ, ์คํฌ๋ฆฝํธ๊ฐ ์ ์ฒด ํ์ด์ง ๋์ ์ ๋ฆฌ๋ ์ปจํ ์คํธ๋ง ํ์ํ ๋ ์ด ๋งํฌ๋ฅผ ์ฌ์ฉํ์ธ์.
ํ ์คํธํด ๋ณด๊ธฐ
"tanstack" ์ฌ์ฉ ์ค์ ๋๋ค. Our filtered list shows stale results after saving. What should we review?
์์ ๊ฒฐ๊ณผ:
- Include every data-changing filter in the query key.
- Reuse the same query options in components and loaders.
- Invalidate affected queries after mutations so the cache reconciles with server data.
- Check staleTime against the expected freshness of this list.
"tanstack" ์ฌ์ฉ ์ค์ ๋๋ค. Should a sortable table put filters in component state or the URL?
์์ ๊ฒฐ๊ณผ:
- Use validated Router search parameters for shareable filters and pagination.
- Keep temporary editing drafts and purely local interactions in component state.
- Keep Table columns stable and provide data with the stability required by the table integration.
- Add virtualization only when measured rendering costs justify it.
"tanstack" ์ฌ์ฉ ์ค์ ๋๋ค. Can we use the snapshot rollback example for overlapping optimistic edits?
์์ ๊ฒฐ๊ณผ:
- The example assumes serialized mutations and a fixed list key.
- Restoring an older snapshot can erase a newer optimistic update.
- Use mutation-aware reconciliation or derive optimistic UI from pending mutation variables.
- Ensure optimistic changes respect the list filter and reconcile with server data.
๋ณด์ ๊ฐ์ฌ
์์ All 25 static findings are false positives: Markdown backticks, documentation links, and ordinary state-management or form guidance. No evidence found of shell execution, keylogging, system reconnaissance, data exfiltration, or prompt injection in the reviewed file.
์ํ ์์ธ
โ๏ธ ์ธ๋ถ ๋ช ๋ น์ด (21)
๐ ๋คํธ์ํฌ ์ ๊ทผ (1)
์ด ๋ณด๊ณ ์ ๊ณต์ ๋ฐ ์ธ์ฉ
๋ฒ์ ์ด ์ง์ ๋ ํ๊ฐ ๋ณด๊ณ ์, ์ค๋ฆฝ ๋ฐฐ์ง, ์๋ฒ ๋ ์นด๋ ๋ฐ ์ธ์ฉ์ ๊ณต์ ํ์ธ์. Skillstore๋ ๊ทผ๊ฑฐ๋ฅผ ๋ณด๊ณ ํ์ง๋ง ์ด Skill์ ์์ ์ฌ๋ถ๋ฅผ ํ๋จํ์ง ์์ต๋๋ค.
๋ณด๊ณ ์ ๋งํฌ ๋ณต์ฌ
https://skillstore.io/skills/shreyam1008-tanstack/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown ๋ฐฐ์ง
[](https://skillstore.io/skills/shreyam1008-tanstack?utm_source=security_passport_badge)HTML ๋ฐฐ์ง
<a href="https://skillstore.io/skills/shreyam1008-tanstack?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shreyam1008-tanstack/security.svg" alt="Skillstore security assessment" loading="lazy"></a>์๋ฒ ๋ ์นด๋
<iframe src="https://skillstore.io/embed/skills/shreyam1008-tanstack.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 ์ธ์ฉ
shreyam1008. (2026). tanstack security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-tanstack/audits/1BibTeX ์ธ์ฉ
@techreport{shreyam1008-shreyam1008-tanstack-2026,
author = {shreyam1008},
title = {tanstack security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/shreyam1008-tanstack/audits/1},
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 security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "shreyam1008"
date-released: "2026-10-02"
url: "https://skillstore.io/skills/shreyam1008-tanstack/audits/1"
identifiers:
- type: other
value: "skillstore:shreyam1008-tanstack:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore ์ ์
์ด ์ ์์ ์ด์ ์ฆ๊ฑฐ ์ ๋ขฐ๋: ์ค๊ฐ๋ง๋ค ์ ์๋ ๊ฒ
Improve Query Cache Consistency
Review query keys, freshness settings, and mutation invalidation in an existing React application.
Coordinate Routes and Server Data
Plan validated URL filters, loader prefetching, and shared Query hydration for a TanStack Router or Start project.
Review Data-Heavy Interfaces
Assess stable table inputs, form drafts, and measured virtualization needs while preserving accessible navigation.
์ด ํ๋กฌํํธ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
Review this component in our existing TanStack Query project. Identify server data, URL state, and local UI state. Explain which duplicated state needs removal.
Review our filtered list query. Propose reusable query options with complete keys, cancellation signals, and an appropriate staleTime. Preserve the existing data API.
In our TanStack Router project, design validated search parameters for filters and pagination. Integrate loaders with Query using ensureQueryData without duplicating URL state.
Audit our optimistic list updates for concurrent writes and changing filters. Explain rollback risks and propose reconciliation that preserves newer updates and query identity.
๋ชจ๋ฒ ์ฌ๋ก
- Use only the TanStack libraries selected by the project and preserve justified framework loaders or external integrations.
- Include all data dependencies in query keys and reuse query options across components and loaders.
- Test rollback, concurrent writes, filter changes, and accessible navigation when applying the relevant guidance.
ํผํ๊ธฐ
- Introduce the entire TanStack stack for generic React work without an explicit project decision.
- Maintain redundant copies of shared server data or URL filters in component state.
- Apply snapshot rollback to overlapping mutations without accounting for newer updates.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
Which AI tools support this skill?
Does this skill install TanStack packages?
Must my project use every TanStack library?
Does the skill include complete application code?
Is the optimistic update example safe for concurrent writes?
What did the security review find?
๊ฐ๋ฐ์ ์ธ๋ถ ์ ๋ณด
์์ฑ์
shreyam1008๋ผ์ด์ ์ค
MIT
Skillstore ๋ฆฌ๋น์
r1
๋ฒ์ ์๋ด
์์ฑ์๊ฐ ๋ฒ์ ์ ์ ์ธํ์ง ์์์ต๋๋ค.
๋ฆฌํฌ์งํ ๋ฆฌ
https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/tanstack์ฐธ์กฐ
bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5
์ ์ง๋ณด์ ์ต์ ์ฑ
2026. 10. 2.
์ฌ์ฉ๋
0 ๋ค์ด๋ก๋ ยท 0 ์กฐํ
ํ์ผ ๊ตฌ์กฐ
๐ SKILL.md