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 🖱️

1. Install all the node modules present in package.json file.

   yarn or yarn add
   

2. 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!