⚡ Webpack React TypeScript Boilerplate ⚡

Blazing fast Webpack 5 + ESBuild Boilerplate for development with React + Typescript. Using modern plugins and compilers for better code quality.

Installation

Clone repo (or you as a template) and run yarn or npm install.

yarn

npm i

Usage

Prettier, ESLint

🚀️ For better Prettier and ESLint experience please setup for your IDE the following settings

Visual Studio Code

"[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
  "editor.defaultFormatter": "vscode.json-language-features"
},
"prettier.requireConfig": true,
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true,
  "source.fixAll": true
},

WebStorm

Preferences/Settings | Languages & Frameworks | JavaScript | Prettier.

Development server

yarn start

npm start

Default development port is http://localhost:3000/

Production build

yarn build

npm run build

jaeming/react-starter