Starting the project folder:
- mkdir react-sample-components-library
- cd react-sample-components-library
- npm init -y
Installing dependencies:
- npm install --save-dev react react-dom @emotion/core @emotion/styled
- npm install --save-dev react-styleguidist webpack
- npm install --save-dev babel-loader @babel/core @babel/preset-env @babel/preset-react
Basic configuration in .babelrc file:
{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}
Add ”start”: “styleguidist server” to package.json
Now, you can simply write $ npm start and you’ll gain a web server on port 6060 where you can review your progress.