Custom CSS is the path to inconsistent UI

on YouTube ↗13m

" summary

Claim: replace ad‑hoc CSS with small reusable components so UI values are enforced not scattered. Shows a Text component for typography and a spacing library called react spaceman that uses a pixel grid and geometric progression of sizes; demonstrates replacing many tiny classes, eliminates duplicated CSS files, improves code reviews and autocompletion, and makes updates predictable. Examples include button padding and inter‑component margins with concrete APIs rather than class names.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 1:46Custom CSS
3. 4:45Typography
4. 5:52Nathan Curtis' framework
5. 6:38React Spaceman
6. 7:23Space inside components
7. 7:46Glue components together

" related talks

• 18mCustom CSS is the path to inconsistent UIArtem Sapegin · React Finland 2019
• 56mModern CSS For Dynamic Component-Based ArchitectureStephanie Eckles · CSS Day 2023
• 12mOh No! Spaghetti Code!Fiona Chan · Web Directions South 2013
• 29mCSS Architecture for Modern Web ApplicationsMike Riethmuller · CSSConf Budapest 2019
• 34mCSS in ReactJoe Seifi · Reactathon 2018
• 07mReact Components and How To Style ThemJemima Abu · React Summit 2020
• 24mCreating layouts that lastArtem Zakharchenko · React Finland 2019
• 27mBuilding a “Universal” CSS-in-JS librarySanket Sahu · React Nexus 2023