Live app demo

Live storybook demo

Author: Paulo Regis

• Screenshots
• Main Tools
• Dependencies
• Up and running
• Troubleshooting on windows
• Available Scripts

##Screenshots

• React
• Styled Components + Polished
• Formik + Yup
• Webpack 3+
• Babel
• Storybook
• Jest + Chai

Initial structure based on: Workflow ReactJS - by fdaciuk

• Node.js >= v6;

• Clone this repository: git clone git@github.com:fdaciuk/workflow-reactjs.git;
• Install dependencies: yarn (or npm i);
• Run yarn dev (or npm start) to develop on http://localhost:3000
• Run yarn build (or npm run build) for production build (files will be generated on dist directory)
• Run yarn storybook (or npm run storybook) to show the documentation on http://localhost:6006

If you are on Windows, and try to run yarn lint, you'll get an error because spawn module does not work very well on Windows.

You should install cross-spawn, and edit gulpfile.js, removing line 4 and uncomment line 7.

• yarn dev (or npm run dev): Starts the application on development mode
• yarn test (or npm test): Run tests once
• yarn test:watch (or npm run test:watch): Run tests in watch mode
• yarn build (or npm run build): Build project to production
• yarn build:analyzer (or npm run build:analyzer): Build project to production and open bundle analyzer on 8888 port
• yarn storybook (or npm run storybook): Run Storybook on 6006 port
• yarn storybook:build: Build Storybook to static files
• yarn update-packages: Update all packages to the latest version
• yarn start (or npm start): Special script reserved to run production code. Change as you wish. For now, it is the same as yarn dev
• yarn lint (or npm run lint): Run lint check
• yarn lint:watch (or npm run lint:watch): Run lint chech on watch mode
• yarn lint:fix (or npm run lint:fix): Run lint check + auto fixes