Question 33157 in React native Question posted in
The official React Native documentation can be found here.

How to integrate storybook into react-native package 'create-react-native-library' – React native

Hi i want to run storybook in a react-native package, that i have created with create-react-native-library.

So, the steps i ve done, in order to havethe package up and running are:

  1. from the react-native documentation : https://reactnative.dev/docs/native-modules-setup
  2. Run npx create-react-native-library@latest react-native-awesome-module // create a simple package
  3. in the examplesfolder, run yarn start so it loads on the iPhone simulator.
  4. Because it is a package and not an application, i want to have storybook inside it, so to visualize the components.
  5. Install storybook like so: npx -p @storybook/cli sb init --type react

The yarn storybook command gives error like so: Error: Cannot find module ‘react-dom/package.json’

I attach a screenshot for reference:
enter image description here

So, is there a way to integrate the storybook into this package ? Do i miss anything ? thanks

Tags:

2

Answers


  1. 0

    To use storybook with react native you have to change --type to react_native.

    This means, that your command to initialize storybook will be:

    npx -p @storybook/cli sb init --type react_native
    Login or Signup to reply.
  2. 0

    According to the Storybook for React Native | Documentation,

    You have to specify the --type as react_native not react.

    npx -p @storybook/cli sb init --type react_native
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search