frontend-query-mutation
CommunityConsistent, reliable API hooks for Langflow
Authorbayazknn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend development in Langflow can suffer from inconsistent API hooks, duplicated URL logic, and scattered cache invalidation which leads to bugs, retry mismatches, and fragmented error handling. This Skill centralizes patterns for queries and mutations so hooks are predictable, testable, and maintainable across the codebase.
Core Features & Use Cases
- Standardized query and mutation hook structure using TanStack React Query v5 and a shared Axios api instance.
- Integration with UseRequestProcessor for default retry, retryDelay, consistent error handling, and automatic mutate/query helpers.
- Conventions for query keys, getURL-based path construction, onSettled cache invalidation, conditional queries, polling, and streaming operations via performStreamingRequest.
- Real-world use cases: creating/updating flows with proper invalidation, migrating legacy API calls to query hooks, implementing build/chat streaming, and polling message or build status endpoints.
Quick Start
Create a hook under controllers/API/queries/{domain}/ that uses UseRequestProcessor, the shared api instance, getURL constants, and places cache invalidation in onSettled.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-query-mutation Download link: https://github.com/bayazknn/elciai-platform-analysis/archive/main.zip#frontend-query-mutation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.