ks-comp

Starter kit for React, Webpack (with Hot Module Replacement), Typescript and Babel.

Usage no npm install needed!

<script type="module">
  import ksComp from 'https://cdn.skypack.dev/ks-comp';
</script>

README

React 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

Clone/download repo
yarn install (or npm install for npm)

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

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

Note: replace yarn with npm if you use npm.

See also