~/talk

This crazy, crazy, crazy, crazy search bar

TalkinRussianat FrontTalks 2018 · 2018-09-14..09-15· [react, frontend-architecture]
links:none on file
slides:none on file

A talk about building a search-bar component for an existing React app, focusing on making search the primary, convenient navigation method and ensuring it works well on mobile. Covers the component architecture decisions and the trade-offs required to preserve common user habits and expectations.

AI-written summary · about

  1. 0:00Introduction
  2. 4:37Search bar basics
  3. 14:20Styling and accessibility
  4. 20:46Interacting with search
  5. 29:19Summary
~/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.