jotai-tanstack

Manage React state with Jotai atoms and TanStack Query.

13|4|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/ggombee/code-forge --skill jotai-tanstack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jotai-tanstack
Source: https://github.com/ggombee/code-forge/tree/main/modules/state/jotai-tanstack
Command: npx skills add https://github.com/ggombee/code-forge --skill jotai-tanstack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jotai, tanstack/react-query, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a structured approach to managing state in React applications using Jotai and TanStack Query, simplifying state management and improving application performance.

Core Features & Use Cases

  • State Management: Offers a consistent and efficient way to manage state across components with Jotai's atoms and TanStack Query's queries.
  • Directory Structure: Defines a clear structure for atoms, queries, and query keys for better organization and maintainability.
  • Use Case: Ideal for applications that require complex state management, such as admin dashboards or complex web applications.

Quick Start

Initialize state management for your React app using the jotai-tanstack skill.

Frequently Asked Questions about jotai-tanstack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure React state management with Jotai and TanStack Query?

Structure React state management by organizing Jotai atoms, TanStack Query queries, and query keys into clear directories. This separation simplifies complex application state and improves maintainability.

What is the best way to manage complex state in a React admin dashboard?

The best way to manage complex state in a React dashboard is combining Jotai for atom-based client state and TanStack Query for server data fetching. This structured approach handles complex scenarios efficiently.

Do I need to install Jotai and TanStack Query to use this state management approach?

Yes, you need to install both the jotai and tanstack/react-query dependencies in your React application. These libraries provide the foundational atom-based state and query-based data fetching capabilities required.

How does combining Jotai atoms and TanStack Query queries improve React performance?

Combining Jotai atoms and TanStack Query queries improves React performance by offering a consistent, efficient way to manage state across components. It separates client-side state from server data fetching to optimize rendering.

When should I use Jotai and TanStack Query for React application development?

Use Jotai and TanStack Query for React application development when you face complex state management scenarios. It is ideal for applications like admin dashboards that require synchronized client state and server data fetching.