solidjs

Handles asynchronous data fetching in SolidJS using createResource with Suspense integration. Use when fetching data from APIs, managing loading/error states, or implementing optimistic updates in SolidJS.

Creates SolidJS components with correct prop handling, TypeScript types, and lifecycle management. Use when building components, passing props, handling children, or managing component lifecycle with onMount/onCleanup.

Uses SolidJS control flow components for conditional rendering, list rendering, error handling, and suspense. Use when rendering lists, showing/hiding content conditionally, handling errors, or working with async boundaries in SolidJS.

Implements SolidJS reactive patterns using signals, effects, and memos. Use when writing or reviewing SolidJS components, state management, or reactive code. Covers the core mental model: components run once, signals track in reactive scopes, and props must not be destructured.

Manages complex nested state in SolidJS using stores with fine-grained reactivity. Use when working with objects, arrays, nested data structures, or when integrating API responses into reactive state.