Announcing Storybook 3.2

Vue Support, Story Hierarchy, RN On-Device UI, & more!

Michael Shilman
Jul 31, 2017 · 5 min read
  • Organize your stories into hierarchies
  • Navigate React Native Storybooks on your mobile device
  • And more!

Storybook for Vue

Storybook 3.2 for Vue demo, featuring vue-charts, actions/notes/knobs addons.
npm i -g @storybook/cli
cd my-vue-project
getstorybook
npm run storybook

Story Hierarchy

Using Story Hierarchy to organize the Rebass Functional React UI Library in Storybook 3.2
storiesOf('Component1')
.add('story1', () => <Component {...props1} />)
.add('story2', () => <Component {...props2} />)
storiesOf('path/to/Component', module)
.add('story1', () => <Component {...props1} />)
.add('story2', () => <Component {...props2} />)

React Native On-Device UI

Browse React Native stories, e.g. react-native-elements shown here, on your device in Storybook 3.2.
const StorybookUI = getStorybookUI({ ..., onDeviceUI: true });

… and one more thing!

Browse React Native stories directly in your VSCode

Onwards and Upwards

225+ Storybook contributors from every corner of the globe. Come join us!
@aaronjheinen @abhiaiyer91 @adamdonahue @ajwhite @alexandrebodin @augustinlf @blairanderson @danielduan @duncanbeevers @enjoylife @epicallan @ericwooley @evenchange4 @formatlos @formido @fvgs @gongreg @heinzmuller @hypnosphi @igor-dv @itsyogesh @jamsea @jhurley23 @joscha @kazupon @kebot @kohlmannj @ktruong888 @li0liq @lucasmotta @marcfallows @matt-oakes @matt-oconnell @mattleff @mcmunder @mjhm @mrmartineau @mvargeson @natsathorn @ndelangen @nezed @panosvoudouris @rmevans9 @rodriguesbreno @shilman @shockitv @slorber @su-narthur @tarjei @thomasbertet @thomasthesecond @tko @tmeasday @trevoreyre @ummahusla @usulpro @xavcz @z4o4z

Get it Now

Try out Storybook 3.2 today. If you’re already using Storybook, it takes just a minute to upgrade. And if you’re not, get started with the best way to develop React, React Native, and Vue component UI’s:

npm i -g @storybook/cli
cd my-vue-react-or-rn-project
getstorybook
npm run storybook

Storybook

The UI development environment you'll ♥️ to use.

Thanks to Tom Coleman and Keywon.

Michael Shilman

Written by

energetic engineer 👷 frequent flyer 🚀 eternal optimist ❤️

Storybook

Storybook

The UI development environment you'll ♥️ to use.