The Frontend

A functional React based frontend starter kit:

• react for pure view layer, 100% stateless compoment.

• mobx for state management.

• emotion for real-time styling.

• universal-router for the routing solution: code split, data fetching.

• Internationalization with i18next

• Find bugs, enforce coding standards with eslint and its plugins: react, promise, mocha.

• Copy and paste detector with jscpd

• Display lint warnings and build errors to directly to the browser with webpack-hud

• Unit tests with karma and mocha

• Code coverage with nyc

• End to end tests with nightwatch

• Concatenation, minification, obfuscation and compression of javascript and css file

• Bundle size and dependencies size under control

• Configuration depending of the environment: dev, uat, prod etc ...

• Hot reloading*: Webpack detects any change in the code, it rebuilds automatically and pushes the new change the browser, no manual browser refresh required.

• 100% results in Lighthouse test

TOC

• Npm scripts

• Unit testing

• End 2 End Testing

• Multi Application

• Production Build

• Internationalization

• Cut and Paste detector

• Configuration

• Webpack

TL;DR

$ cd client
$ npm install
$ npm start