Frontend starter

Detailed Content

• Typescript
• React JS (16.9+ - github 🔗)
• Redux (as you application grows managing state will be a serious concern, save pain with Redux)
• React-Redux (Redux is not specific to ReactJS, you could easily use it with Angular2 for instance)
• redux-devtools-extension (github 🔗)
• connected-react-router 4 (github 🔗)
• react-router (4.x- github 🔗)
• Bootstrap (4.x - github 🔗)
• reactstrap (github 🔗)
• loadable-components - work with reactsnap for better static website performance - (stuck to pre v2.2.3+ breakings changes, waiting for a new solution see PR)
• font-awesome (github 🔗)
• animate.css (github 🔗)
• classnames (github 🔗)
• react-motion (github 🔗)
• Webpack 4.x (github 🔗)
• axios (github 🔗 Why: simple, complete, isomorphic ...)

Tool chain:

• Typescript
• eslint
• webpack 4
• hot reload
• loaders
  • ts / tsx
  • css
  • json
  • images formats
  • svg and fonts formats

tests:

• Jest
• enzyme

Usage

Install

# from root directory:
cd front && yarn install

bundle dev mode (+ redux-devtools)

# from root directory:
cd front && yarn run dev

dev : hot reload mode (+ redux-devtools)

# from root directory:
cd front && yarn run start

tests

# from root directory:
cd front && yarn run test

bundle production mode

# from root directory:
cd front && yarn run prod