What's the difference?? REACT vs REACT_PROJECT vs WEBPACK_REACT for storybook

Question

after 'npx sb init'

menu list

I installed all of them and what I got is..

file list

I really don't know how/what they are different.. what's the point of 'react, react_prject,webpack_react' ??

Answer 1

As you can see in the Storybook file: https://github.com/storybookjs/storybook/blob/next/lib/cli/src/project_types.ts In REACT_PROJECT the react configured as peer dependency as for REACT it's dependency. WEBPACK_REACT contains react & webpack as dependencies.

The difference between them explained well here: What's the difference between dependencies, devDependencies and peerDependencies in npm package.json file?

From the installation docs:

The command above will make the following changes to your local environment:

 Install the required dependencies.
 Setup the necessary scripts to run and build Storybook.
 Add the default Storybook configuration.
 Add some boilerplate stories to get you started.