React Webpack Babel Starter
Minimal starter with hot module replacement (HMR) for rapid development.
- React (16.x)
- Webpack (4.x)
- Hot Module Replacement (HMR) using React Hot Loader (4.x)
- Babel (7.x)
- SASS
- Jest - Testing framework for React applications
- Image loading/minification using Image Webpack Loader
- Code formatting using Prettier.
Installation
- Clone/download repo
yarn install(ornpm installfor npm)
Usage
Development
yarn run start-dev
- Build app continously (HMR enabled)
- App served @
http://localhost:8080
Production
yarn run start-prod
- Build app once (HMR disabled) to
/dist/ - App served @
http://localhost:3000
Note: change port number by setting the envrionment variable PORT
All commands
| Command | Description |
|---|---|
yarn run start-dev |
Build app continously (HMR enabled) and serve @ http://localhost:8080 |
yarn run start-prod |
Build app once (HMR disabled) to /dist/ @ http://localhost:3000 |
yarn run build |
Build app to /dist/ |
yarn run test |
Run tests |
yarn run prettier-write |
Format code and write changes |
yarn run prettier-check |
Prints the filenames of files that are different from Prettier formatting |
yarn run start |
(alias of yarn run start-dev) |
Note: replace yarn with npm in package.json if you use npm.