The road to <💅> styled-components" CSS in component-based systems"
summary
Claims a new model where the mapping from class names to components disappears and demonstrates a working library: styled-components returns real React components from tagged template CSS, builds a to‑do in 15 minutes, and adds full React Native primitives. Notes current performance overhead but shows mitigation paths — a Babel plugin, CSS extraction and imminent v2 server‑side rendering — and ships a utility library polished (published an hour earlier) for CSS functions and theming that already works in production.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:50Spectrum
- 1:35Component age
- 2:31Small focus components
- 5:08Best practices
- 8:03Getting stuff done
- 9:30Styling components
- 11:44Writing actual CSS
- 13:44Adapting from properties
- 14:44Femi
- 17:00React Native
- 20:07How to get style components
- 23:44Performance impact
related talks
47mThe road to styled components, and the road ahead
04mThe Road to Styled Components
34mStyling React/ReactNative Applications
22mStyled Components
30mStyled-components: Styled-components Enforcing best practices
22mStyling Components for React UI Kits
16mCSS, Design Systems & Developer Experience
34mCSS in React