search-field-debounce
CommunityReal search with debounce
AuthorAdhamHashim
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the inefficiency and poor user experience of using static containers and text to simulate search functionality, instead promoting the use of actual TextField widgets with debouncing for responsive and efficient search.
Core Features & Use Cases
- Real Search Implementation: Ensures search bars are implemented using
TextFieldwidgets for proper input handling. - Debouncing Logic: Implements a debounce pattern using
rxdartto limit the rate at which search queries are processed, improving performance and reducing unnecessary API calls. - State Management Integration: Provides guidance on integrating the debouncing logic with state management solutions like Cubits.
- Use Case: Implementing a search bar in a product listing screen where users can type to filter results in real-time without overwhelming the backend with every keystroke.
Quick Start
Implement the search field widget and its associated view controller with debouncing logic.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: search-field-debounce Download link: https://github.com/AdhamHashim/Flutter_Base/archive/main.zip#search-field-debounce 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 223,000+ vetted skills library on demand.