~/talk

See the Past, Present, and Future of CSS-in-JS

Talkat React Day Berlin 2019 · on Friday, 2019-12-06· [css, react]
slides:none on file

Claims: CSS-in-JS produces automatic critical CSS out-of-the-box, eliminates dead CSS and class collisions, and makes styles a function of state; tools actually used include styled-components and emotion plus JSS styletron and many others; numbers: the talk cites 60% of React installs including a CSS-in-JS lib, and timelines show rapid iterations from prototypes to v2/v3 with steady performance wins; built outcomes: libraries that extract CSS, atomic-rule emitters, and SSR style injection, all proven to work and to speed initial paint.

AI-written summary · about

  1. 0:00Start
  2. 6:57CSS-in-JS guides you to the "pit of success"
  3. 8:1060% of React installs also install a CSS- in-JS library
  4. 23:22We need you to create the future of styling React apps!
~/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.