React-TypeScript

Minimal boilerplate for a single-page app using React, TypeScript with JSX support (TSX), and Visual Studio Code.

Usage

Note: Run commands from the root folder of the cloned repository.

To build the project from the command-line:

Install Node.js
npm install
npm run build

To view the app in the browser:

npm install -g http-server
http-server
Open http://localhost:8080/ in your browser of choice.

To develop using Visual Studio Code:

Install Visual Studio Code.
Open the root folder of the cloned repository.
The tasks.json file is configured to run the TypeScript compiler in watch mode. Press Cmd+Shift+B on Mac or Ctrl+Shift+B on Windows or Linux to start the watcher.

To instantly view changes in the browser while developing:

Run npm run dev in a terminal. This will start both webpack in watch mode and http-server. Hint: Visual Studio Code contains a built-in terminal.