Industry standard frontend workshop. Develop, test, and document components with ease. Open-source & maintained by @chromaticcom
npx storybook@latest init
- Tweets 7,014
- Following 393
- Followers 25,684
- Likes 6,645
When it comes to writing stories, improved typesafety and autocompletion are the top user requests.
We've also heard our "play" function feels too different from the rest of the testing ecosystem. We want to address this feedback in Storybook 9 (coming soon)
🧵
2
12
88
9,772
Typesafe CSF factories is our answer to the `defineConfig` pattern adopted by many modern TS devtools.
github.com/storybookjs/story…
1
3
350
CSF `test` method attempts to make Storybook component tests feel more like the Jest/Vitest tests you know and love.
github.com/storybookjs/story…
1
3
296
Neat addon to record interactions and generate tests.
npmjs.com/package/storybook-… by Igor Luchenkov
1
5
42
2,551
Is your Storybook getting unwieldy with component playgrounds, tests, and documentation examples? Use tags to organize and filter the components and stories in your sidebar.
🏷️ Easy authoring
🔍 Interactive sidebar filter
🙈 Static tag-based filtering
🟢 Updated badges addon
ALT Storybook's sidebar with the filter menu open. The tag_documentation option is checked.
2
6
30
2,841
One our esteemed community members, Steve Dodier-Lazaro, created storybook-addon-tag-badges, which will use your tags to render informative badges in the sidebar and toolbar.
ALT Storybook's sidebar with multiple badges applied to stories and components
1
6
965
That’s tags. They’re simple, but quite useful. Read the post for all the details, then go forth and tidy!
storybook.js.org/blog/storyb…
2
779
Storybook retweeted
@storybookjs genie has just leveled up!🎉
You can now use your local LLMs with @ollama to generate storybook stories.
#commandlineinterface #ai #tool #WebDev
1
1
4
1,227
Storybook retweeted
📽️Le replay de la conférence « Développer des composants avec @storybookjs » est désormais disponible sur la chaîne YouTube de @coopTilleuls!
Découvrez Storybook, un outil open-source facilitant la création et les tests de composants de manière isolée.
👉youtube.com/watch?v=mtCAPyb6…
3
2
992
Storybook retweeted
Big thanks to Steve and the @storybookjs team for organizing the event, and @algolia for hosting it. It was a pleasure chatting with all the other amazing design system makers who attended the meetup.
If you missed it, you can catch the replay here: youtube.com/watch?v=8XSjQVoT…
Excited to join the @storybookjs meetup in Paris on Dec 12! 🎉 Big thanks to Steve Dodier-Lazaro for organizing.
If you're around, come by! Let's chat about design systems, component libraries, migrations, and Open Source after the talks.
eventbrite.fr/e/billets-stor…
1
3
1,530
Live stream of Storybook Paris below!
Topics
- What's new in 8.4
- Status badges
- Figma status syncing
youtube.com/live/8XSjQVoTT6o
1
2
10
5,139
Join us this evening at Storybook Paris meetup. Starting soon at the @algolia office.
eventbrite.fr/e/billets-stor…
3
6
882
Storybook retweeted
Going live in just a couple of hours! Here's what we're going to cover:
📡 Trace Viewer for debugging
📊 Usage Reports
🔕 Ignore Selectors
⚡ TurboSnap tips & more
Register to attend: us02web.zoom.us/webinar/regi…
3
5
887
Storybook retweeted
StorybookでRSCテストできる手法が書いてあった👀
Component testing RSCs — Fully test React Server Components in the browser, fast by @mshilman storybook.js.org/blog/compon…
6
67
4,283
Storybook retweeted
Join @winkerVSbecks this Thursday to explore new Chromatic features designed to help you understand and debug your workflow more efficiently.
📡 Trace Viewer for debugging
📊 Usage Reports
🔕 Ignore Selectors
⚡ TurboSnap tips & more
Register to attend: us02web.zoom.us/webinar/regi…
2
5
985
🙅 Firing up your whole E2E setup just to test React Server Components (RSCs)
🙌 Component testing RSCs in the browser, with mocked complex app states and reliable speed
🧵
ALT Storybook and React Server Components
2
16
79
5,136
Finally, because these tests are stories, you can preview and interact with them in Storybook. And if you’re using the experimental Storybook Test, you can even run these tests from the Storybook UI:
1
1
771
For more, read our new post all about component testing RSCs!
storybook.js.org/blog/compon…
4
728