A very simple starter project for using React,TypeScript and Webpack.

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Note: Webpack is installed locally as recommended by the official Webpack documentation. It makes it easy to upgrade projects individually when breaking changes are introduced.

Once you have forked and cloned off the project. Install the project dependencies by running:

npm install

We will utilise webpack-dev-server to run a dev server. It serves webpack projects and updates the browser automatically with any changes we make in our code.

You can run webpack-dev-server --mode development

Alternatively utilising our npm scripts inside our package.json

npm run dev

You can run webpack --mode production or the below using our npm scripts.

npm run build

• React - JavaScript library for building user interfaces.
• TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript.
• Webpack - App bundler for JavaScript.

• Awesome Typescript Loader - Helps Webpack compile our TypeScript code using tsconfig.json

• HTML Webpack Plugin - Simplifies creation of HTML files to serve our webpack bundles.

This project is licensed under the MIT License - see the LICENSE.md file for details

• Saurabh Pati - for his detailed tutorial on setting up React & TypeScript with Webpack

• Terser - used by Webpack for compiling for production recently rolled out a breaking change. As a temporary workaround, I've installed an earlier version of "terser": "^3.14.1" as this works. Read more on the issue here.