Skip to content

Releases: storybookjs/react-native

v8.3.7-alpha.0

14 Oct 14:11
Compare
Choose a tag to compare
v8.3.7-alpha.0 Pre-release
Pre-release

Full Changelog: v8.3.6...v8.3.7-alpha.0

fix: gorhom bottom sheet v5 addon panel wasn't opening

v8.3.6

14 Oct 14:10
Compare
Choose a tag to compare

What's Changed

Full Changelog: v8.3.5...v8.3.6

v8.3.5

04 Oct 08:14
Compare
Choose a tag to compare

More details coming in a release post soon.

Migration steps here: https://github.com/storybookjs/react-native/blob/next/MIGRATION.md#from-version-76x-to-83x

get started with expo:

npx create-expo-app --template expo-template-storybook AwesomeStorybook

with rn cli:

npx react-native init AwesomeStorybook --template react-native-template-storybook

expo example:
https://github.com/dannyhw/expo-storybook-starter

rncli example:
https://github.com/dannyhw/react-native-storybook-starter

  • Updated to be compatible with v8
  • UI rework/redesign
  • Theming rework
  • Even more code reuse from storybook core
  • Simpler metro config via the enhancer pattern
    • withStorybook function
  • Removed deprecated storiesof syntax and knobs
  • Improved hot-reloading/fast refresh
  • More ways to use the websockets api without requiring the web setup
  • Dedicated wide screen layout for web and tablet
  • Better react native web compatibility

image

image

Breaking changes:

  • new theme values
  • new metro config wrapper/enhancer function should be used instead of setting individual values
  • new dependencies react-native-reanimated, react-native-gesture-handler, @gorhom/bottom-sheet, react-native-svg

Changes since 8.3.1 beta:

What's Changed

New Contributors

Full Changelog: v7.6.20...v8.3.5

v8.3.1-beta.3

27 Sep 23:11
Compare
Choose a tag to compare
v8.3.1-beta.3 Pre-release
Pre-release

What's Changed

Full Changelog: v8.3.1-beta.2...v8.3.1-beta.3

v8.3.1-beta.2

27 Sep 10:11
Compare
Choose a tag to compare
v8.3.1-beta.2 Pre-release
Pre-release

What's Changed

image

image

Full Changelog: v8.3.1-beta.1...v8.3.1-beta.2

v8.3.1-beta.1

23 Sep 14:00
Compare
Choose a tag to compare
v8.3.1-beta.1 Pre-release
Pre-release

What's Changed

Full Changelog: v8.3.1-beta.0...v8.3.1-beta.1

v8.3.1-beta.0

22 Sep 11:20
Compare
Choose a tag to compare
v8.3.1-beta.0 Pre-release
Pre-release

V8 Release candidate

  • Updated to be compatible with v8
  • UI rework/redesign
  • Theming rework
  • Even more code reuse from storybook core
  • Simpler metro config via the enhancer pattern
    • withStorybook function
  • Removed deprecated storiesof syntax and knobs
  • Improved hot-reloading/fast refresh
  • More ways to use the websockets api without requiring the web setup
  • Dedicated wide screen layout for web and tablet
  • Better react native web compatibility

generated notes:

What's Changed

New Contributors

Full Changelog: v7.6.20...v8.3.1-beta.0

v8.3.1-alpha.1

18 Sep 21:21
Compare
Choose a tag to compare
v8.3.1-alpha.1 Pre-release
Pre-release
  • Some fixes
  • collapsable side and bottom bar for wide view

bunx create-expo-app@latest --template expo-template-storybook@next UniversalStorybook

Full Changelog: v8.3.0-alpha.2...v8.3.1-alpha.1

v8.3.0-alpha.2

16 Sep 22:18
Compare
Choose a tag to compare
v8.3.0-alpha.2 Pre-release
Pre-release
  • Widescreen ui for web/tablet
  • removed workaround for unsupported regex, worked with the web team to get it fixed in 8.3.1
  • fixes for web

Note that now 8.3.1 from storybook core/web will be the minimum required version because of the fix thats needed

To try it you can use the next tag on the template
npx create-expo-app --template expo-template-storybook@next sbv8alpha

Full Changelog: v8.3.0-alpha.1...v8.3.0-alpha.2

v8.3.0-alpha.1

15 Sep 10:03
Compare
Choose a tag to compare
v8.3.0-alpha.1 Pre-release
Pre-release

In this release the rncli issues have been resolved by providing a polyfill for URLSearchParams

Including last release notes since this one is just a small change


Whats in this release

This release includes an update to storybook 8.3 and an update to theming to match the web theme. This will break existing custom themes but makes it easier to reproduce the ui from the web version.

There is also an update to the controls addon to make the ui closer to the web version with more of a table style.

lastly for the ui side of things I've added in the dark theme again copied from the web.

Note: there are still some outstanding issues when running with react-native cli. I highly recommend using expo anyway but if you are on rncli you may need to add some polyfills for browser apis like crypto and url. I intend to remove this requirement but need to track it down.

built in websocket server

In this version there is also now a way to run the websocket server via the withStorybook metro enhancer, this is turned on by passing the websockets options. This makes it possible to control storybook on the device by sending valid storybook events without requiring the web addon addon-react-native-server.

example metro config with websockets options:

module.exports = withStorybook(defaultConfig, {
  enabled: process.env.STORYBOOK_ENABLED === 'true',
  configPath: path.resolve(__dirname, './.storybook'),
  websockets: {
    port: 7007,
    host: 'localhost',
  },
});

What's Changed

New Contributors

Full Changelog: v7.6.20...v8.3.0-alpha.0