cra-basis-setup

Create-React-App Basis Setup with styled-components, styleguidist, lint-staged

HowTo install this:

• clone repo
• yarn install (or npm install)
• yarn styleguide // to start styleguide server

Other tasks:

• yarn start // to start dev server
• yarn test // to run javascript tests
• yarn coverage // run javascript tests & print coverage
• yarn build // to produce minified production build
• yarn styleguide:build // to produce standalone styleguide build

Steps i made

• create-react-app cra-basis-setup
• yarn add styled-components
• yarn add --dev react-styleguidist react-test-renderer webpack flow-bin
• yarn flow -- init

Differences to the forked base-project

This fork enhances the cra-basis-setup with a running backstop-js config and a junit-compatible coverage-report. Additional tasks:

• yarn coverage:ci // run javascript tests & create junit-compatible xml-report
• yarn visreg:ref // to create reference-screenshots for visual regression tests
• yarn visreg:test // to test the current application
• yarn visreg:open // to start the backstop server
• yarn visreg:approve // to approve changes for visual regression tests

Code-Generator

• yarn run create [type] [name] // to generate Atoms, Molecules, Constants, Containers etc.

Valid Types are:

• atom
• molecule
• organism
• template
• layout
• constant
• container