Inline Styles: themes, media queries, contexts, & when it's best to use CSS
summary
Claims that inline styles in React remove scope, dependency and dead‑code pain while pushing stateful classes into JavaScript; demonstrates a dumb to‑do list that replaces CSS classes with merged style objects via Object.assign; shows theming via imported color modules and runtime tweaks with the color npm library; shows hover and media query support using Radium; points to a working example in react-sound-player and notes Vu’s earlier talk hits 400,000 views.
AI-written summary · about
chapters (4)
- 0:00Start
- 6:10STATE CHANGES ARE UI CHANGES
- 6:42COMPONENTS SHOULD BE REUSED, NOT REPURPOSED
- 27:17The purpose of design is to allow you to do design later, and it's primary goal is to reduce the cost of change.
related talks
32mA Closer Look at React CSS
29mThe Lonely and Dark Road to Styling in React
31mCSS in JS: Is it worth the hype
29mHow to style in React and not lose friends
39mCSS. Under the hood.
44mWriting styles for React components
31mUnique Value Proposition of CSSinJS and the Future
07mReact Components and How To Style Them