Individual paint for your React components
summary
Compares concrete theming implementations and shows what actually works: a toy event emitter solution proves noisy and boilerplate heavy, lifting theme into app state with redux reduces listeners but makes components smart, using React context breaks on shouldComponentUpdate, and react-with-styles (Aphrodite/JSS/react-native) wires themes via context while react-css-themr targets CSS modules; demos and code snippets run but each approach has tradeoffs and edge cases.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:30About me
- 1:50Use cases
- 3:15Bootstrap
- 5:30Inline Styles
- 8:15Changing the seams
- 11:10AppState
- 14:20Using Context
- 15:50React with Dials
- 18:05React with Context
- 21:15ReactCSSseamer
related talks
39mBuilding a theming system with React
30mDynamic Styling Systems with React
35mAdvanced patterns in building React Components
07mReact Components and How To Style Them
01h 04mWhat makes React different?
05mStyling in React
29mStyling React For Reuse
19mHarnessing React to Build Consistently Designed Applications