Skills
.Work. You
Rest

zustand-router-query

Community

Unify UI state with route-driven data flow.

Software Engineering#react#zustand#tanstack-query#data-loading#react-router#cache-invalidation#route-state
Authorvladimir-shirmanov
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Decouple local UI state from server data and orchestrate route-driven data loading to improve predictability and performance in frontend applications.

Core Features & Use Cases

  • Use Zustand for client UI/state and TanStack Query for server data and mutations.
  • Leverage React Router framework mode loaders/actions to coordinate route-level data flows.
  • Define stable query keys and implement cache invalidation after mutations to keep UI consistent.

Quick Start

Configure Zustand for UI state, TanStack Query for data fetching, and React Router loaders to orchestrate route-level data flows.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: zustand-router-query
Download link: https://github.com/vladimir-shirmanov/tenax/archive/main.zip#zustand-router-query

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.