SNT Frontend

Minimal starter kit with hot module replacement for fast development.

Main features

• React (15.x)
• Webpack (2.x)
• Typescript (2.x)
• Hot Module Replacement (HMR) using React Hot Loader (3.x)
• Babel (6.x)
• SASS
• Jest - Testing framework for React applications

Additional features

• Image loading/minification using Image Webpack Loader
• Typescript compiling using Awesome Typescript Loader (3.x)
• Code quality (linting)
  • Typescript - TSLint (4.x)
  • SASS/CSS - stylelint (rules: stylelint-config-standard)

Installation

1. Clone/download repo
2. npm install

Usage

General

npm start

• Compiles the app
• Starts a web server hosting the app @ http://localhost:8080
• Watches for changes and injects them without reloading the browser

Other commands

• npm run lint - Run Typescript and SASS linter
• npm run lint:ts - Run Typescript linter
• npm run lint:sass - Run SASS linter
• npm run test - Run tests (Jest)

Resources

• Create React App (by FaceBook) - Good starting point when learning React
• Webpack & Typescript

TODO

• Build script
  • Asset revisioning / cache bursting
• React router