🔏
starhackit
  • README
  • Getting started
    • Requirements
    • Quick Start
  • Frontend
    • The Frontend
      • Npm scripts
    • Unit testing
    • End 2 End Testing
    • Multi Application
    • Production Build
    • Internationalization
    • Configuration
    • Cut and Paste detector
    • Webpack
  • Backend
    • Node Backend
      • Npm scripts
    • Development Enviromnent with docker-compose
    • Testing
      • Code Coverage
    • Configuration
    • Debugging
    • Database
    • Http Server
      • CORS
    • Authentication
      • Social Authentication
      • Local Authentication with JWT
    • Email
    • Redis
    • Api Model
      • Api Mocking
  • Deployment
    • Build, Tag and Push Docker Images
    • Releasing
    • Deploy Infrastructure with GruCloud
    • Deploy with Ansible
Powered by GitBook
On this page
  • TOC
  • TL;DR

Was this helpful?

  1. Frontend

The Frontend

PreviousQuick StartNextNpm scripts

Last updated 5 years ago

Was this helpful?

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

TOC

TL;DR

$ cd client
$ npm install
$ npm start

Lighthouse test
Npm scripts
Unit testing
End 2 End Testing
Multi Application
Production Build
Internationalization
Cut and Paste detector
Configuration
Webpack