vikpe / react-webpack-babel-starter

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

DEPRECATED

This project is no longer maintained, please consider using the following projects instead:

• Vite
• Parcel
• Create React App

---

React Webpack Babel Starter

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

• React (18.x)
• Webpack (5.x)
• Hot Module Replacement (HMR) + Fast Refresh
• Image support
• SASS support
• Production build script
• Code formatting (Prettier)
• Test frameworks (Jest + React Testing Library)

Installation

1. Clone/download repo
2. yarn install (or npm install for 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.

See also

• React Webpack Typescript Starter
• Create React App
• Vite
• Parsel