Styling in React

on YouTube ↗05m

" summary

A small package called react-css-themr separates styles from components and injects themes via a higher-order component + provider so raw components pick up CSS Modules without bundling fragility. The migration of React Toolbox uses a factory pattern to produce components with their CSS, a PostCSS-based theming step generates variable-driven CSS (IE fallback missing), a tiny CLI script emits theme bundles, and a browser playground demo of the system works end to end.

AI-written summary · about

" related talks

• 30mDynamic Styling Systems with ReactKhachatur Virabyan | ReactConfAM19 · React Conf Armenia 2019
• 22mStyling Components for React UI KitsJavi Velasco · ReactJS Day 2017
• 39mBuilding a theming system with ReactMatteo Ronchi · Codemotion Amsterdam 2017
• 22mStyled ComponentsMax Stoiber · .concat() 2018
• 31mAn agnostic components design system for ReactJavi Velasco · AgentConf 2018
• 29mStyling Components for React UI KitsJavi Velasco · ReactiveConf 2017
• 44mWriting styles for React componentsJavi Velasco · FrontFest 2017
• 29mThe Lonely and Dark Road to Styling in ReactSara Vieira · React Day Berlin 2018