AutoComplete - Search Modes
Different filtering modes: Client-Side, Server-Side, and Hybrid.
Client-Side Filtering
All data loaded, filtered on the client.
Fast for small datasets
Fast for small datasets
Total items: 192
Server-Side Filtering
Data fetched from server based on search query.
Simulated API call with delay
Simulated API call with delay
Hybrid Mode
Automatically switches between client and server based on data size.
Using Server-Side (data size: 500, threshold: 100)
Using Server-Side (data size: 500, threshold: 100)
With Error Handling
Handle search errors gracefully.
Performance Comparison
| Mode | Best For | Data Size | Network Requests | Initial Load |
|---|---|---|---|---|
| Client-Side | Small, static datasets | < 1,000 items | One-time (initial load) | Slower (loads all data) |
| Server-Side | Large datasets, dynamic data | 10,000+ items | Per search query | Fast (no initial data) |
| Hybrid | Medium datasets, flexible | Configurable threshold | Auto-optimized | Balanced |