Skills
.Work. You
Rest

react-query-setup

Official

Wire up tRPC with TanStack React Query.

Software Engineering#typescript#context#react#trpc#inference#provider#tanstack-react-query
AuthorPlazaCC
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Establishes a typed tRPC integration with TanStack React Query by generating a ready-to-use React context, provider, and hooks for a React app.

Core Features & Use Cases

  • Typed tRPC context creation (createTRPCContext) for safe client usage.
  • TRPCProvider wiring to supply the tRPC client to the React component tree.
  • useTRPC hook and TRPC client helpers for convenient access to endpoints.
  • queryOptions and mutationOptions factories to generate type-safe query and mutation hooks.
  • Invalidation and cache management via queryClient.invalidateQueries using queryFilter, plus type inference via inferInput/inferOutput.

Quick Start

Install the required packages and initialize the tRPC context, then wrap your root component with TRPCProvider.

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: react-query-setup
Download link: https://github.com/PlazaCC/antes-da-tela/archive/main.zip#react-query-setup

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.