~/talk

CSS Only* Search: Improve React Filtering Performance with CSS!

watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/css-only-search-improve-react-filtering-performance-with-css
Talkat React Day Berlin 2023 · on Tuesday, 2023-12-12· at 19:50· [react, web-performance]

An engineer describes how an emoji-picker built with React suffered slow filtering of a ~1800-item list due to re-renders, and explains a solution that removes that performance bottleneck by using only CSS (no JavaScript changes). The talk covers the specific problem (React re-render cost when filtering a large list) and the CSS-based approach used to improve responsiveness.

AI-written summary · about

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.