> Markdown version of [/events/world-congress-2024/sessions/221-leveraging-storybook](https://www.wearedevelopers.com/events/world-congress-2024/sessions/221-leveraging-storybook). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Leveraging Storybook for Component Driven Development outside of your classic Component Library.


- **Date:** Thursday, Jul 18, 2024
- **Time:** 16:50–17:20 (30 min)
- **Room:** STAGE 5 (500)
- **Event:** World Congress 2024

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/975-leveraging-storybook-for-component-driven-development-outside-of-your-classic-component-library)

## Description

 Component Driven Development focuses on building your UIs by starting with the individual components to then compose later into your pages. Let’s dig into how we can utilise Storybook to promote this paradigm, in the environment of large web apps that many of us work with daily. I’ll take you on a journey from component creation, discussing best practices for API design, how to then write Stories to document your flexible component API and then compose those stories directly in your tests with React Testing Library to encourage UI driven testing. These are usually best practices we associate with traditional component libraries but complex web apps have a lot to learn from adopting this approach in setting them up for success.

## Speaker

### [Emma Britnor](https://www.wearedevelopers.com/@emma-britnor)

Senior Software Engineer, Bloomberg


## Related talks at this congress

- [Write once, use anywhere: Framework agnostic Design Systems with Web Components](https://www.wearedevelopers.com/events/world-congress-2024/sessions/354-write-once-use) — Sascha Lehmann
- [In Focus: Elevating User Experience through Focus Management](https://www.wearedevelopers.com/events/world-congress-2024/sessions/57-in-focus-elevating) — Emma Dawson
- [A Journey from Internal Tools to Public SDK](https://www.wearedevelopers.com/events/world-congress-2024/sessions/412-a-journey-from) — Lucille Tachet
- [Breaking the Bug Cycle: TDD for the Win](https://www.wearedevelopers.com/events/world-congress-2024/sessions/315-breaking-the-bug) — Nadeen Hussein