https://github.com/vikpe/react-webpack-typescript-starter

(DEPRECATED) Minimal starter with hot module replacement (HMR) for rapid development.
https://github.com/vikpe/react-webpack-typescript-starter

babel boilerplate hmr hot-module-replacement react sass typescript webpack

Last synced: 3 months ago
JSON representation

(DEPRECATED) Minimal starter with hot module replacement (HMR) for rapid development.

• Host: GitHub
• URL: https://github.com/vikpe/react-webpack-typescript-starter
• Owner: vikpe
• License: mit
• Archived: true
• Created: 2017-01-11T09:56:51.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-02-06T18:40:11.000Z (almost 2 years ago)
• Last Synced: 2024-09-25T07:33:38.633Z (3 months ago)
• Topics: babel, boilerplate, hmr, hot-module-replacement, react, sass, typescript, webpack
• Language: JavaScript
• Homepage:
• Size: 3.78 MB
• Stars: 855
• Watchers: 16
• Forks: 224
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-star - react-webpack-typescript-starter

README

        
# DEPRECATED

**This project is no longer maintained**, please consider using the following projects instead:

* [**Vite**](https://vitejs.dev/)

* [Parcel](https://parceljs.org/)

* [Create React App](https://create-react-app.dev/)

---

# React Webpack Typescript Starter

> Minimal starter with hot module replacement (HMR) for rapid development.

* **[React](https://facebook.github.io/react/)** (18.x)

* **[Webpack](https://webpack.js.org/)** (5.x)

* **[Typescript](https://www.typescriptlang.org/)** (4.x)

* **[Hot Module Replacement (HMR)](https://webpack.js.org/concepts/hot-module-replacement/)** + [Fast Refresh](https://github.com/pmmmwh/react-refresh-webpack-plugin)

* Image support

* [SASS](http://sass-lang.com/) support

* Production build script

* Code linting ([ESLint](https://github.com/eslint/eslint)) and formatting ([Prettier](https://github.com/prettier/prettier))

* Test frameworks ([Jest](https://facebook.github.io/jest/) + [React Testing Library](https://testing-library.com/docs/react-testing-library/intro))

## Installation

1. Clone/download repo

2. `yarn install` (or `npm install` for npm)

## Usage

**Development**

`yarn run start-dev`

* Build app continuously (HMR enabled)

* App served @ `http://localhost:8080`

**Production**

`yarn run start-prod`

* Build app once (HMR disabled) to `/dist/`

* App served @ `http://localhost:3000`

---

**All commands**

Command | Description

--- | ---

`yarn run start-dev` | Build app continuously (HMR enabled) and serve @ `http://localhost:8080`

`yarn run start-prod` | Build app once (HMR disabled) to `/dist/` and serve @ `http://localhost:3000`

`yarn run build` | Build app to `/dist/`

`yarn run test` | Run tests

`yarn run lint` | Run linter

`yarn run lint --fix` | Run linter and fix issues

`yarn run start` | (alias of `yarn run start-dev`)

**Note**: replace `yarn` with `npm` in `package.json` if you use npm.

## See also

* [Create React App](https://github.com/facebook/create-react-app)

* [Astro](https://astro.build/)

* [Vite](https://vitejs.dev/)