Storybook@storybookjs

Industry standard frontend workshop. Develop, test, and document components with ease. Open-source & maintained by @chromaticcom

 npx storybook@latest init
storybook.js.org/
Joined May 2017
1,553 Photos and videos
Load newest
Storybook retweeted
James Garbutt@43081j
8 Oct 2024
The pre release of storybook core: 45MB / 47 packages - down from 63MB / 116 packages Such good work by @storybookjs and @e18e_dev 🙌
1
2
29
1,805
Read the post for more details and instructions to give it a try! And a gigantic thanks to @Danny_H_W and all of the other contributors who worked on this monumental release! storybook.js.org/blog/react-…

React Native Storybook 8

React Native is back in the fold!

storybook.js.org
4
1,091
We’ve also fixed a variety of bugs & compatibility issues in React Native Web Storybook, our web-based React Native component workshop. It’s fully compatible with: 📚 SB Docs (autodocs + MDX) 🧪 SB Test Runner and other testing tools 🧩 Most of SB’s addons, including A11y, i18n
1
4
1,183
This release introduces a wrapper function for your Metro config, helping you cleanly configure React Native for your Storybook.
Code snippet of the file, metro.config.js, containing: const { getDefaultConfig } = require("expo/metro-config"); const withStorybook = require("@storybook/react-native/metro/withStorybook"); const defaultConfig = getDefaultConfig(__dirname); module.exports = withStorybook(defaultConfig, { websockets: { port: 7007, host: 'localhost', }, });

ALT Code snippet of the file, metro.config.js, containing: const { getDefaultConfig } = require("expo/metro-config"); const withStorybook = require("@storybook/react-native/metro/withStorybook"); const defaultConfig = getDefaultConfig(__dirname); module.exports = withStorybook(defaultConfig, { websockets: { port: 7007, host: 'localhost', }, });

1
3
490
React Native Storybook 8.3 now uses the same UI from Storybook 8, which is responsive from desktop to mobile. For RN projects in particular, the optimized mobile UI is a massive improvement.
0:12
1
8
691
React Native Storybook 8.3 includes all of Storybook for web’s core features. Thanks to the hard work of @danny_h_w and @shilman, the codebase now allows sharing between the two projects, so we can commit to keeping releases in sync going forward.
Storybook logo × React Native logo, on a pink and purple gradient background

ALT Storybook logo × React Native logo, on a pink and purple gradient background

1
8
642
Introducing Storybook for React Native 8.3! 🤝 Unified release schedule with web 📱 Brand new mobile UI ↔️ New widescreen layout ⚙️ Simplified Metro config 🔁 Improved hot-reloading 🏆 Stable React Native Web support
Screenshot of Storybook running in an iOS simulator

ALT Screenshot of Storybook running in an iOS simulator

7
46
219
20,362
Read the post for more details and instructions to give it a try! And a gigantic thanks to @Danny_H_W and all of the other contributors for their work on this monumental release! storybook.js.org/blog/react-…

React Native Storybook 8

React Native is back in the fold!

storybook.js.org
1
387
We’ve also fixed a variety of bugs & compatibility issues in React Native Web Storybook, our web-based React Native component workshop. It’s fully compatible with: 📚 SB Docs (autodocs + MDX) 🧪 SB Test Runner and other testing tools 🧩 Most of SB’s addons, including A11y, i18n
1
447
This release introduces a wrapper function for your Metro config, helping you cleanly configure React Native for your Storybook.
Code snippet of the file, metro.config.js, containing: const { getDefaultConfig } = require("expo/metro-config"); const withStorybook = require("@storybook/react-native/metro/withStorybook"); const defaultConfig = getDefaultConfig(__dirname); module.exports = withStorybook(defaultConfig, { websockets: { port: 7007, host: 'localhost', }, });

ALT Code snippet of the file, metro.config.js, containing: const { getDefaultConfig } = require("expo/metro-config"); const withStorybook = require("@storybook/react-native/metro/withStorybook"); const defaultConfig = getDefaultConfig(__dirname); module.exports = withStorybook(defaultConfig, { websockets: { port: 7007, host: 'localhost', }, });

1
44
React Native Storybook 8.3 now uses the same UI from Storybook 8, which is responsive from desktop to mobile. For RN projects in particular, the optimized mobile UI is a massive improvement.
0:12
1
1
46
React Native Storybook 8.3 includes all of Storybook for web’s core features. Thanks to the hard work of @Danny_H_W and @mshilman, the codebase now allows sharing between the two projects, so we can commit to keeping releases in sync going forward.
Storybook logo × React Native logo, on a pink and purple gradient background

ALT Storybook logo × React Native logo, on a pink and purple gradient background

1
1
56
@storybookjs, widely used by frontend developers around the world, has adopted es-toolkit. We're excited to be able to contribute to something that benefits developers globally. 🚀 github.com/storybookjs/story…

Core: Replace `lodash` with `es-toolkit` by ndelangen · Pull Request #28981 · storybookjs/storybook

Closes: #28611 What I did lodash is hard to tree-shake, it's CJS, and we want to move to less heavy, ESM dependencies. This replaces lodash for es-toolkit which is mostly a drop-in replacem...

github.com
6
17
1,825
Storybook retweeted
James Garbutt@43081j
6 Oct 2024
september's @e18e_dev showcase - another great month of performance improvements we can all benefit from 💙 e18e.dev/blog/september-cont…

September contributions showcase

A showcase of e18e-focused contributions from September

e18e.dev
1
13
78
8,773
Storybook retweeted
ViteConf
@ViteConf
4 Oct 2024
ViteConf 24 was a blast! What an incredible community and ecosystem! 💜 You can now watch all the talks at this year's replayer! Explore the whole stream and share the URL of your favorite talks! Shoutout to all speakers! Enjoy! 🙌 viteconf.org/24/replay
3
30
124
61,545
We got @storybookjs in the house #Converge2024
1
11
1,058
Next we have @GHengeveld talking about UI testing in @chromaticcom and @storybookjs! And the problem is: components have a lot of variations. #Converge2024
1
3
12
1,087
Ya'll it's ViteConf Day 🙌 Catch it live here: viteconf.org/live Our very own @yannbf will be giving a talk on Component Testing with Storybook and Vitest at 12:35 PM EDT (in 1.5 hours)
7
859
So excited for this!
ViteConf
@ViteConf
2 Oct 2024
Are you ready? viteconf.org
Tomorrow is Viteconf 24!

ALT Tomorrow is Viteconf 24!

1
17
1,978
Can @storybookjs stop your design system from falling apart over time? bejamas.io/blog/how-storyboo…

How Storybook Transforms Design Systems for Consistent User Interfaces

Discover how Storybook can transform your design system by ensuring consistent user interfaces and improving collaboration across teams.

bejamas.com
2
7
940
Load more