The Problem
In frontend/src/pages/Findings.tsx, the search input currently updates searchQuery on every single keystroke. This immediately drives the filteredFindings computation and list updates, which can cause excessive re-renders and laggy typing UI on larger datasets.
Proposed Solution
I will implement a standard debounce mechanism to optimize the search filter (taking around 10-15 lines of React code):
- Add a
debouncedQuery state.
- Implement a
useEffect with a setTimeout (e.g., 300ms) to delay the state update, cleaning up the timeout on unmount.
- Update the filtering logic to depend on
debouncedQuery rather than the raw searchQuery.
Assignment
I am a GSSoC '26 contributor. Could you please assign this optimization task to me and add the relevant labels (gssoc, gssoc-approved, enhancement)?
The Problem
In
frontend/src/pages/Findings.tsx, the search input currently updatessearchQueryon every single keystroke. This immediately drives thefilteredFindingscomputation and list updates, which can cause excessive re-renders and laggy typing UI on larger datasets.Proposed Solution
I will implement a standard debounce mechanism to optimize the search filter (taking around 10-15 lines of React code):
debouncedQuerystate.useEffectwith asetTimeout(e.g., 300ms) to delay the state update, cleaning up the timeout on unmount.debouncedQueryrather than the rawsearchQuery.Assignment
I am a GSSoC '26 contributor. Could you please assign this optimization task to me and add the relevant labels (
gssoc,gssoc-approved,enhancement)?