The Lonely and Dark Road to Styling in React

on YouTube ↗31m

" summary

Compares plain CSS, Sass preprocessors, CSS modules plus PostCSS (postcss‑preset‑env) and styled-components with concrete tooling: webpack loader chains, CSS-loader options modules:true and camelCase, server side stylesheet collect for SSR, ThemeProvider theming and runtime conditionals. Reports tradeoffs: componentized classes and easy theming vs extra dependencies, harder SSR (FOUC risk) and lost inspectable class names. Slides at https://dark-css.now.sh

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 2:30YOU CAN MAKE AMAZING THINGS WITH CSS
3. 2:48BUT YOU CAN ALSO MAKE HORRIBLE THINGS
4. 3:09LET'S WALK THE ALLEY TOGETHER
5. 3:23THE DARK AND LONELY ROAD TO STYLING IN REACT
6. 4:57NEVER FORGET THAT 1500 LINES CSS FILE
7. 20:50SERVER SIDE RENDERING?
8. 29:35IT ALL DEPENDS ON WHAT IT'S USED FOR
9. 30:20USE WHAT MAKES YOU CODE FASTER AND BETTER
10. 30:36LET'S BRING GEOCITIES BACK !

" related talks

• 29mThe Lonely and Dark Road to Styling in ReactSara Vieira · React Day Berlin 2018
• 34mCSS in ReactJoe Seifi · Reactathon 2018
• 25mStyled and SASSy: Choosing the Right React Styling SolutionBree Hall · Commit Your Code 2024
• 21mStyling your CSS with ReasonRaphael Rafatpanah · Reason Conf US 2019
• 07mReact Components and How To Style ThemJemima Abu · React Summit 2020
• 29mHow to style in React and not lose friendsSarrah Vesselov · JSConf Iceland 2018
• 47mThe road to styled components, and the road aheadGlen Maddern · ReactFoo 2017
• 57mPanel Discussion - Styling in CSSOleg Slobodskoi, Richard Feldman, Javi Velasco, Sarah Drasner, Robin Frischmann, Gerard Sans · ReactiveConf 2017