Large applications often suffer from duplicated work and hard-to-reuse components, which component-driven development helps to solve.
Adopt principles like single responsibility, composition, and render props to create modular and maintainable component APIs from the start.
Use Storybook to build UI components in isolation, write stories to document different states, and get auto-generated documentation.
Replicate complex component behaviors in Storybook by mocking API calls with MSW and managing global state with decorators.
Use the play method to script user interactions within stories and integrate Figma designs directly for better design-to-code consistency.
Import stories directly into React Testing Library for UI-driven testing and use Chromatic for automated visual regression testing.
Well-documented components in Storybook make it easier to identify reusable patterns and extract them into a shared component library.
28:35Lucien Immink
19:46Tobias Scholz
29:44Filip Rakowski
41:54Rowdy Rabouw
41:28Maximilian Heinrich
54:39Alexander Günsche
32:21Michael Siregar
20:06Lucille Tachet
Jobs that call for the skills explored in this talk.
doinstruct Software GmbH
Berlin, Germany
Schulz.codes GmbH
Darmstadt, Germany
Speech Processing Solutions
Vienna, Austria
Saby New Compy
Bielefeld, Germany
tarent solutions GmbH
tarent solutions GmbH
tarent solutions GmbH
itdesign GmbH