Bridge UI components with backend services using a reactive query layer.
npx skills add https://github.com/EpicenterHQ/epicenter --skill query-layer
Please help me install this Agent Skill. Skill: query-layer Source: https://github.com/EpicenterHQ/epicenter/tree/main/.agents/skills/query-layer Command: npx skills add https://github.com/EpicenterHQ/epicenter --skill query-layer
This skill provides a structured approach to connecting UI components with backend services by using a reactive query layer that simplifies data fetching, caching, and state management.
Define your queries and mutations with defineQuery/defineMutation using runtime service selection to enable reactive UI and imperative workflows.
High-intent search queries and answers about installing and using this skill.
A reactive query layer bridges UI and services by injecting runtime configuration into pure services, decoupling business logic from the environment. This isolates data fetching and state management from UI components.
Error transformation at the query boundary converts raw service errors into normalized, user-facing error types. This ensures stable UI behavior by presenting consistent error states to the interface layer.
Managing TanStack Query cache through a dedicated query layer allows structured handling of optimistic updates and consistent data. It enforces cache management rules directly at the data fetching boundary.
Yes, this query layer supports dual interfaces: a reactive .options() method for UI components and an imperative .execute() method for programmatic workflows. This allows flexible data fetching across different contexts.
Runtime dependency injection selects service implementations dynamically based on injected settings. This allows the query layer to switch service providers seamlessly without altering the core business logic.
You define queries and mutations using defineQuery and defineMutation functions. These leverage runtime dependency injection to select services, enabling both reactive UI and imperative workflows.
vtexDefine and inject shared configuration contracts across VTEX IO service apps.
wellcrafted-devImplement TanStack Query patterns with error transformation and runtime dependency injection.
ihj04982Subscribes to derived boolean states to reduce UI component re-renders.
ftziGuide Next.js development with best practices for file conventions and data fetching.
