Skip to content

A starter kit for React+TypeScript project powered by Webpack/Prettier/Eslint

License

Notifications You must be signed in to change notification settings

roshan0708/react-typescript-webpack-prettier-boilerplate

Repository files navigation

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!