~/talk

Building React-Select

Talkat React Conf 2019 · 2019-10-24..10-25· [react, component-design]
slides:none on file

A account of building react select that gives concrete takeaways: it reaches 30% of react-dom downloads so scale matters, the core is refactored into four controlled state buckets (options, value, input inputValue, menuOpen) and wrapped by higher‑order controllers, an invented a component extension API exposes filtering, async loading and custom rendering while an styles are also a function of state overrides pattern enables theming and even a working date‑picker demo; it uses React 0.12, classNames, Less, gulp, browserify and automated tooling for CI and releases.

AI-written summary · about

  1. 0:00Introduction
  2. 5:49Open source joy phase 1
  3. 8:28Open source anxiety phase 2
  4. 10:58Framework inside component
  5. 15:14Simplifying with props
  6. 18:04UI overrides and styles
  7. 21:43Date picker with react-select
  8. 22:29React architecture takeaways
  9. 25:23Open source takeaways
  10. 27:30Issue and PR communication
  11. 30:02Future of react-select
~/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.