We need to talk about our frontend workflow

on YouTube ↗27m

" summary

Explains how to use React’s component model together with tools like react-sketchapp to create and maintain shared design systems so designers and developers can collaborate on a single source of truth. Covers practical problems—spec handovers, component states, pixel perfection—and describes a workflow and architecture patterns for keeping quality and consistency across teams and features.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 3:32HAND OFF
3. 6:33LEAKY ABSTRACTION
4. 14:01DOCUMENTATION
5. 20:28#1 Consistency over Flexibility
6. 23:30#1 Show people what's wrong

" related talks

• 35mWe need to talk about our frontend workflowSiddharth Kshetrapal · ReactFoo Hyderabad 2018
• 25mDesigning with ReactKristin Baumann · React Day Berlin 2017
• 30mDesigning with ReactMark Dalgleish · React Amsterdam 2019
• 35mDesign system - From a Developer Point-of-ViewYael Oshri Balla · YGLF 2019: Code Camp
• 43mDesigning with ReactKristin Baumann · <React.NotAConf /> 2018
• 24mFrom Sketch to Code Designing a Component KitSamantha Bretous · Chain React 2018
• 28mFrom Sketch to Code Designing a Component KitSamantha Bretous · React Boston 2018
• 39mDesigning with ComponentsMark Dalgleish · ComponentsConf 2019