The Dream of Styleguide Driven Development

on YouTube ↗34m

" summary

Claims that a component styleguide plus tooling actually stops style rot: a real styleguide is built, React components and docs are auto-rendered, CSS moves into JS and a single source of truth replaces scattered overrides, and style regressions are almost removed via React CSS-in-JS Flow Snapshot testing. Practical work includes Storybook/react-styleguides, a PostCSS/Babel plugin that discourages !important by forcing Portuguese curse words, migration from Angular 1 to React, and smaller components that unit test in isolation and make styling predictable.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 7:43WHAT IS STYLEGUIDE DRIVEN DEVELOPMENT ?
3. 9:16CUSTOM CSS IS THE DEATH OF A DEVELOPER
4. 28:54REACT COMPONENTS ?

" related talks

• 42mThe Dream of Styleguide Driven DevelopmentSara Vieira · React Alicante 2017
• 01h 05mStyleguide-Driven DevelopmentTatiana Kolesnikova, Arvid Torset · NDC London 2018
• 37mThe ABC of Coded Style GuidesHenning Muszynski · React Alicante 2018
• 30mThe ABC of Coded Style GuidesHenning Muszynski · OdessaJS 2018
• 29mStyleguides are dead! Long live Styleguide-Flows!Joao Da Silva Marly · EmberFest 2021
• 23mThe road to styled components: CSS in component-based systemsGlen Maddern · CSS Conf EU 2017
• 44mWriting styles for React componentsJavi Velasco · FrontFest 2017
• 43mHow to build your reusable UI component library like a proGeorge Georgiadis · Geekle Free Online DevOps+JS Conference 2020