stephane-klein/storybook-reactjs-scaffolding

Storybook + ReactJS + i18next + some storybook addons Scaffolding

Storybook + ReactJS Scaffolding

See live example: https://stephane-klein.github.io/storybook-reactjs-scaffolding/

More informations in French « How I use storybook »

Next in the roadmap:

• viewport
• storybook-react-router
• i18n
• apollo-storybook-react

Scaffolding Content:

• storybook 5.2.1 with some addons enabled:
  • @storybook/addon-actions
  • @storybook/addon-links
  • @storybook/addon-storysource
  • @storybook/addon-viewport (configuration: viewport ( based on browser market europe ))
  • storybook-addon-i18next
  • storybook-react-router (read this)
• eslint
• i18next
• react-router

Install and launch storybook

$ npm install
$ npm run storybook

http://localhost:6006

Note about i18n

Extract i18n strings:

$ npm run i18n

Update translation files:

• src/translations/en/translation.json
• src/translations/fr/translation.json

Start React app (without Storybook)

$ npm run start

Open http://localhost:3000/