Enforce type-safe routing and reactive data flows in SolidJS applications.
npx skills add https://github.com/joncrangle/.dotfiles --skill tanstack-solid
Please help me install this Agent Skill. Skill: tanstack-solid Source: https://github.com/joncrangle/.dotfiles/tree/main/dot_config/opencode/skills/tanstack-solid Command: npx skills add https://github.com/joncrangle/.dotfiles --skill tanstack-solid
TanStack Solid provides a cohesive, type-safe approach to building reactive SolidJS apps using the TanStack ecosystem (Start, Query, Router, Table, Form). It addresses the challenge of stitching together routing, data fetching, and state management in a scalable way.
Start integrating TanStack Solid patterns into your existing SolidJS project to enforce reactivity-first design and type-safe routing.
High-intent search queries and answers about installing and using this skill.
Maintain type safety from routing to server functions in SolidJS by using TanStack Start server functions instead of API routes. This approach provides end-to-end type safety for frontend-backend calls, ensuring your reactive data flows remain strictly typed.
TanStack Query data stops updating when you destructure reactive values. To fix this, use reactive getter-based options for your queries, avoiding destructuring pitfalls and preserving Solid reactivity patterns for reliable UI state management.
Build a data-heavy admin dashboard with SolidJS by combining TanStack Router for nested routes, TanStack Query for server-backed data fetching, and TanStack Table for headless UI patterns, ensuring scalable routing and reactive state management.
Yes, you can use TanStack Form for headless UI validation in SolidJS projects. It enables flexible, headless form data validation patterns across projects, integrating smoothly with Solid reactivity for robust UI state management.
Yes, TanStack Router supports file-based routing for type-safe SolidJS applications. It provides a cohesive approach to building reactive SolidJS apps, ensuring type-safe routing that scales effectively for complex application structures.
wanghaishengDefine TanStack Query, Router, and Start integration patterns for SSR hydration.
AgentientValidate Firestore document reads and writes with Zod schemas via withConverter.
TanStackCompose TanStack Table with TanStack Form for editable SolidJS datagrids.
adamhjkProvide reactive primitives for SolidJS dependency tracking and control flow.
