fsd-query

To generate TanStack Query hooks for a Feature-Sliced Design slice, you can use this Skill to automatically create useQuery, useMutation, and queryKeys based on FSD conventions. It streamlines data-fetching logic and ensures consistency across your React application.

Automatic cache invalidation with useMutation in FSD works by automatically including mutation invalidation logic when generating the hooks. This ensures that your React query cache management stays consistent and synchronized with your data-fetching operations without manual configuration.

Yes, you can use ky for HTTP requests when generating TanStack Query hooks. This Skill specifically integrates with ky to handle HTTP requests and connects with your defined API endpoints within the Feature-Sliced Design project context.

You do not need to manually define queryKeys for your React data-fetching hooks. This Skill automatically generates queryKeys alongside useQuery and useMutation hooks by following specific project patterns for queryKeys within your FSD slices.

The best way to structure data-fetching logic in an FSD React project is to automate hook generation for each slice. This Skill creates standardized TanStack Query hooks including useQuery, useMutation, and queryKeys, ensuring adherence to FSD conventions and project patterns.

Yes, this hook generation tool works with existing TypeScript FSD project patterns. It analyzes your specific project patterns for queryKeys and API endpoints to generate consistent TanStack Query hooks for your React Feature-Sliced Design slices.