React Webpack Typescript Starter

Source

• React (16.x)
• Webpack (4.x)
• Typescript (3.x)
• Hot Module Replacement (HMR) using React Hot Loader (4.x)
• Babel (7.x)
• SASS
• Jest - Testing framework for React applications
• Production build script
• Image loading/minification using Image Webpack Loader
• Typescript compiling using Awesome Typescript Loader (5.x)
• Code quality (linting) for Typescript.

Installation

1. Clone/download repo
2. yarn install (or npm install for npm)
3. cp .env.example .env
4. Fill in the required environment variables in .env

Environment Configuration

This project uses 12-Factor Config. Configuration lives in .env. The values required can be found in the #waypoints slack channel on Hawk's Nest or by contacting Solomon Hawk.

Usage

Development

yarn run start:dev

• Build app continuously (HMR enabled)
• App served @ http://localhost:8080

Production

yarn run start:prod

• Build app once (HMR disabled)
• App served @ http://localhost:3000

All commands

Note: replace yarn with npm if you use npm.

See also

• React Webpack Babel Starter
• Isomorphic Webapp Starter
• TSLint ESLint Rules
• AirBnB TSLint Config