The Dream of Styleguide Driven Development

on YouTube ↗42m

" summary

Claims that styleguide-driven development cuts CSS regressions by centralizing components and tests, and demonstrates it with concrete tooling: React Styleguidist and Storybook, CSS Modules, Flow types, snapshot tests, PostCSS hacks and a curseword-to-!important plugin. A small mono-repo using Lerna plus a boilerplate repo ships a live editable style guide where buttons behave identically across pages, specificity bugs disappear, unit tests run against isolated components, and the approach proves faster to maintain than ad hoc custom CSS — essentially a one source of truth for UI with zero CSS sprawl.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:18STORY TIME
3. 6:11WHAT IS STYLEGUIDE DRIVEN DEVELOPMENT?
4. 10:06Styleguide driven development is a mentality not a skill

" related talks

• 34mThe Dream of Styleguide Driven DevelopmentSara Vieira · JSHeroes 2018
• 37mThe ABC of Coded Style GuidesHenning Muszynski · React Alicante 2018
• 01h 05mStyleguide-Driven DevelopmentTatiana Kolesnikova, Arvid Torset · NDC London 2018
• 30mThe ABC of Coded Style GuidesHenning Muszynski · OdessaJS 2018
• 34mCreating Living Style GuidesNicole Sullivan · JSConf US 2013
• 45mYour Styleguide is an APILuke Wertz · MidCamp 2017
• 45mMaintainable Style GuidesBermon Painter · Web Unleashed 2015
• 38mA Unified Styling LanguageMark Dalgleish · JSHeroes 2017