React - Setting Up a Toolchain: NPM

Setting up a toolchain using NPM is a common approach. First ensure you have node js installed (https://nodejs.org (ensure you restart the computer after the installation). You can check this be running the following command on a command prompt.

npm --version

Next create a new React app with the following command:

npx create-react-app my-app
cd my-app
npm start

This sets up NPM as the package manager, Webpack as the bundler and Babel as the compiler.

Webpack will manage the packages used by your application and assist with deployment bundling.

Babel will compile the TypeScript in to javascript for full browser support.

In addition you might want to consider installing Jest as a testing framework.