seacloud9/typescript-pwa-react-babylonjs-boiler

typescript-pwa-react-babylonjs-boiler

React BabylonJS PWA Webpack Typescript Starter

 ______     ______   __  __     ______   __   __     __     __  __    
/\  ___\   /\  == \ /\ \/\ \   /\__  _\ /\ "-.\ \   /\ \   /\ \/ /    
\ \___  \  \ \  _-/ \ \ \_\ \  \/_/\ \/ \ \ \-.  \  \ \ \  \ \  _"-.  
 \/\_____\  \ \_\    \ \_____\    \ \_\  \ \_\\"\_\  \ \_\  \ \_\ \_\ 
  \/_____/   \/_/     \/_____/     \/_/   \/_/ \/_/   \/_/   \/_/\/_/ 
                                                                      

Minimal starter with hot module replacement (HMR) for rapid development.

• 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)

Usage

Development

yarn run start-dev

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

Production

yarn run start-prod

• Build app once (HMR disabled) to /dist/
• App served @ https://localhost:3000

---

All commands

Command	Description
yarn run start-dev	Build app continuously (HMR enabled) and serve @ https://localhost:8080
yarn run start-prod	Build app once (HMR disabled) to /dist/ and serve @ https://localhost:3000
yarn run build	Build app to /dist/
yarn run test	Run tests
yarn run lint	Run Typescript linter
yarn run lint --fix	Run Typescript linter and fix issues
yarn run start	(alias of yarn run start-dev)

Note: replace yarn with npm in package.json if you use npm.

See also

• React Webpack Babel Starter
• Isomorphic Webapp Starter