Staying Sane While Styling Components

" summary

Covers techniques for encoding visual design attributes, layouts (component and page-level), and component states/variants in React so styles are consistent and reusable across projects and teams. Describes making variant-driven changes (like primary vs secondary buttons or offline article styling) accessible via component props, with approaches that work regardless of styling method (inline styles, CSS-in-JS, SCSS, etc.).

AI-written summary · about

" related talks

• 29mStyling React For ReuseJen Luker · UtahJS Conf 2017
• 29mHow to style in React and not lose friendsSarrah Vesselov · JSConf Iceland 2018
• 44mWriting styles for React componentsJavi Velasco · FrontFest 2017
• 16mStyling your React js components for reuseShodipo Ayomide · JavaScript and Friends Conference 2020
• 45mDeveloping React ComponentsPavel Silin · РИТ++ 2017
• 44mA Practical Guide for Crafting Resilient UI ComponentsGlenn Reyes · Copenhagen Developers Festival 2023
• 07mReact Components and How To Style ThemJemima Abu · React Summit 2020
• 31mWhat goes into building a design systemSid · React Live 2019