This repository is a minimal boilerplate repo for React, WebPack and TypeScript. It comes with react-router-dom
and modular SCSS support set up, but does not come with Redux or any other React state management library.
This project is being continually maintained.
The src
folder contains a basic example app to get started.
- Clone this repo.
- Run
npm install
to install dependencies. - Run one of the following commands:
npm run build-dev
to build the app indevelopment
mode.npm run build-prod
to build inproduction
mode. Note that the prod build extracts the transpiled CSS intodist/main.css
usingmini-css-extract-plugin
, whereas the dev build bundles it into the JS file.npm run start
to start the dev-server.
- Make whatever additional changes you need for your project.
You can optionally use docker-compose
to start up a container that builds and watches the files. Note that the watch functionality does not work on Windows due to limitations that prevent changes to files on a Windows host from being propagated to containers.
Debugging settings are included for VS Code; you'll need the Debugger for Chrome extension.
Linting settings are also included for VS Code; you'll need the ESLint extension for VS Code.
If you don't use VS Code for your development, you can safely delete the .vscode
folder.