asl-general-react-query-hook-composition

What problem does it solve?

This Skill unit addresses the complexity and redundancy of query management in the AskLeave project by providing a structured approach to composing business Hooks using useQuery and useMutation.

Core Features & Use Cases

• Centralized Query Key Management: Ensures that all query keys are declared and exported from a single location, improving maintainability and avoiding scattering literals.
• Unified Query Key Constants: Standardizes query key constants for invalidation scope and cache strategy, promoting consistency across the application.
• Business Hooks Composition: Offers a framework for creating Hooks (useXxx) that encapsulate the logic for querying and mutating data, simplifying the usage in components.
• Use Case: For instance, a developer can use this Skill to create a useEmployeeLeave Hook that handles CRUD operations for employee leaves, ensuring that related caches are invalidated appropriately upon data changes.

Quick Start

Use the asl-general-react-query-hook-composition skill to create a new Hook for employee leave management by following the guidelines in the SKILL.md.