/flow

Primary LanguageJavaScript

Flowchart

Flowchart

What's inside it?

  • ReactJs, for component construction and state control
  • Webpack 3+, to package the code
  • Babel, to compile ES6
  • React hot loader
  • HTML and CSS generated automatically by webpack
  • Jest, Enzyme for tests and Chai for assertions
  • Storybook to create isolatelly components' stories

Dependencies:

  • Node.js >= v6;

Up and running

  • 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)

Scripts

  • 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 start (or npm start): Special script reserved to run production code. Change as you wish. For now, it is the same as yarn dev.