coryhouse / coryhouse/react-restaurant-scriptpro

Keep search snappy with useDeferredValue

Open
#19 0 comments 0 reactions 0 assignees View on GitHub
enhancement phase-4-search-filter
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

## Goal
Use `useDeferredValue` on the search query so typing stays responsive even with an artificially expanded list or intentionally heavy filter.

## Acceptance criteria
- [ ] `useDeferredValue` wraps the search query value
- [ ] Filtering uses the deferred value
- [ ] List is large enough (or filter heavy enough) to demonstrate the difference
- [ ] Optional visual cue when results are stale

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the search query and its filtering logic, then run the app with the current search behavior. Apply the acceptance criteria around deferred filtering and a sufficiently large or costly result set; verify that typing stays responsive and check whether a stale-results cue is useful.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, performance
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.