Announcing Storybook 3.0

webpack2, create-react-native-app, snapshot testing++, & more!

Michael Shilman
May 30, 2017 · 5 min read

How to upgrade

npm i -g @storybook/cli
cd my-react-or-react-native-project
getstorybook
npm i -g @storybook/cli
cd my-storybook2-project
getstorybook

Community-driven release

Webpack 2

Create-React-Native-App

yarn create react-native-app myapp
cd myapp
getstorybook

Snapshot testing++

import initStoryshots, { snapshotWithOptions } from '@storybook/addon-storyshots';initStoryshots({
test: snapshotWithOptions({
createNodeMock: (elt) => (
elt.type === 'div' ? { scrollWidth: 123 } : null
)
})
});

Additional fixes

What’s next?

Come along for the ride!

Unless you live on Antarctica, one of your neighbors is already committing to Storybook!

Storybook

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

Thanks to Norbert de Langen, Keywon, and Artem Sapegin.

Michael Shilman

Written by

energetic engineer 👷 frequent flyer 🚀 eternal optimist ❤️

Storybook

Storybook

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