Cooking up Better Front-end Applications with Inspiration From the Culinary World
summary
Shows concrete practices: set up Storybook as a workspace, build a reusable component library (atoms → composed components → pages), run the accessibility plugin (axe) at component level, and wire stories into unit tests using react testing library so tests and visual debug run against the same examples. Automate scaffolding with a CLI like gluegun, use PR checklists and draft PRs, and note checklist impact numbers (36% fewer injuries 43% fewer fatalities) as justification for process.
AI-written summary · about
chapters (12)
- 0:00Intro
- 2:23Remote Work
- 3:25Good Software
- 10:16Components
- 12:30Atomic Design
- 14:53Storybook
- 21:15Composing Base Components
- 23:22Accessibility
- 27:56Testing
- 31:01Component Library
- 33:15Checklists
- 37:35Custom CLIs
related talks
56mThe Web, Its Frameworks and Its Standards: Deconstruct to (Re?)Construct
51mBuilding Better Components — A Journey to a More Resilient Frontend
35mTesting in Frontend World
31mReinforcing your blocks: A practical guide to UI component testing
26mVisually Testing Your Components
24mCost-Effective Testing with Storybook and Playwright in Vue Applications
46mBuilding Reusable Components ... That Are Actually Reusable
49mBuilding Better Components - A Journey to a More Resilient Frontend