solid-router-queries

Manage asynchronous data fetching with caching and deduplication in SolidJS applications.

Updated Jan 4, 2026
One-click install
npx skills add https://github.com/vallafederico/solid-ai-rules --skill solid-router-queries
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-router-queries
Source: https://github.com/vallafederico/solid-ai-rules/tree/main/.claude/skills/solid-router-queries
Command: npx skills add https://github.com/vallafederico/solid-ai-rules --skill solid-router-queries

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines data fetching in SolidJS applications by providing efficient, declarative methods for handling asynchronous data, including caching, deduplication, and fine-grained reactivity.

Core Features & Use Cases

  • Declarative Data Fetching: Define data queries using query() for automatic caching and deduplication.
  • Reactive Data Loading: Integrate fetched data seamlessly with SolidJS's reactivity using createAsync() and createAsyncStore().
  • SSR Optimization: Supports deferStream for improved Server-Side Rendering performance.
  • Use Case: Fetching user profiles, product lists, or any dynamic data that benefits from caching and efficient updates within a SolidJS application.

Quick Start

Use the solid-router-queries skill to define a query for fetching user data by ID and then use createAsync to load it.

Frequently Asked Questions about solid-router-queries

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

FAQPage Schema
How do I cache and deduplicate async data fetching in SolidJS?

Cache and deduplicate async data fetching in SolidJS by defining declarative query functions that automatically store responses and prevent redundant network requests during reactive state updates.

What is the best way to handle reactive data loading with Solid Router?

Handle reactive data loading with Solid Router by integrating createAsync and createAsyncStore to bind fetched query results directly into fine-grained reactive application state.

Can I use Solid Router queries for server-side rendering optimization?

Optimize server-side rendering in SolidJS by applying the deferStream option to query functions, which defers stream flushing until asynchronous data resolves and improves initial load performance.

Does Solid Router support fine-grained reactivity for complex data structures?

Solid Router supports fine-grained reactivity for complex data structures through createAsyncStore, enabling targeted UI updates when nested properties within deeply fetched asynchronous objects change.

Why should I use declarative data fetching in SolidJS applications?

Use declarative data fetching in SolidJS to automatically manage query caching, deduplicate network requests, and bind dynamic server data directly into reactive UI components without manual state synchronization.