⚡ 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

Features

• Webpack (v.5)
• React (v.17)
• TypeScript (v.4)
• ESBuild
• Sass (v.5)
• PostCSS (v.8)
• Prettier (v.2)

Author

• gor918

License

This project is open source and available under the MIT License.