Minimal boilerplate with hot module replacement (HMR) for rapid development.
- React (17.x)
- Webpack (5.x)
- Babel (7.x)
- TypeScript (4.1.x)
- Tailwind CSS (2.x)
- Hot Module Replacement (HMR) (React Hot Loader)
- Production build script (Webpack)
- Image loading/minification (Image Webpack Loader)
- SASS support
- TypeScript linting (ESLint) and formatting (Prettier)
- CSS/Sass linting (StyleLint)
I strongly recommend the use of Yarn. If you do not have yarn, install it using npm install yarn --global
- Clone/download repo
yarn install
Development
yarn start
- Build app continuously (HMR enabled)
- App served @
http://localhost:8080
Production
yarn build
- Build app once (HMR disabled) to
/dist/
All commands
| Command | Description |
|---|---|
yarn start |
Build app continuously (HMR enabled) and serve @ http://localhost:8080 |
yarn build |
Build app to /dist/ |
yarn lint |
Run linter |
yarn lint --fix |
Run linter and fix issues |