React-Typescript-Webpack-Prettier Starter Kit (Production Ready 🚀)

The aim of this project is to create a custom React+Typescript starter code template powered by Webpack, Prettier and ESLint including development as well as production ready template.

Motivation 💪

Every single day we're getting the newer and better versions of the day-to-day tools/packages that we use and with the upgraded versions, some methods/functions are being deprecated or completely removed. I faced the same issue while I started working on the newest versions of Webpack and other plugins and I spent hours and hours to solve all the issues.

And ultimately it worked all fine :). So I thought why not make a boilerplate setup so that no-one gets lost like me again.

Tech Integration

React
Typescript
SCSS

Build Tools 🛠️

Webpack
Prettier
ESLint

System Requirements 💻

Make sure you have the most recent stable version of node.js installed in your system.
Make sure you have a node package manager like npm or yarn setup correctly.
I have used yarn for this project, you can also use npm if you want to.

Installation 🖱️

Install all the node modules present in package.json file.
```
yarn or yarn add
```
Start the app.
```
yarn start
```

Build ⚙️

Development Build
```
yarn build-dev
```
Production Build
```
yarn build
```

Future Updates 🚀

Add Redux (or any state management tool) integration
Add PWA template

And More! There's always room for improvement!

roshan0708/react-typescript-webpack-prettier-boilerplate