https://github.com/michaelkim/bootstrap
Bare bones web app with React, TypeScript, and Webpack
https://github.com/michaelkim/bootstrap
babel react typescript webpack
Last synced: 2 months ago
JSON representation
Bare bones web app with React, TypeScript, and Webpack
- Host: GitHub
- URL: https://github.com/michaelkim/bootstrap
- Owner: MichaelKim
- License: mit
- Created: 2019-03-09T14:32:37.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T21:08:41.000Z (over 3 years ago)
- Last Synced: 2025-01-28T16:48:11.243Z (over 1 year ago)
- Topics: babel, react, typescript, webpack
- Language: JavaScript
- Homepage:
- Size: 1.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Bootstrap
A bare bones web app featuring React, TypeScript, Babel, and Webpack.
### Features
- Setup with React
- Typescript support
- SCSS support
- Package with Babel + Webpack
- JavaScript syntax transforms with [@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env)
- Automated `index.html` with [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
- Typed CSS Modules with [typescript-plugin-css-modules](https://github.com/mrmckeb/typescript-plugin-css-modules)
- Development:
- Live reloading server using [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
- Production:
- Minified JavaScript with [terser-webpack-plugin](https://github.com/webpack-contrib/terser-webpack-plugin)
- Optimized CSS with [csso-webpack-plugin](https://github.com/zoobestik/csso-webpack-plugin)
### Building
```sh
yarn dev # Run webpack-dev-server at localhost:8080
yarn build # Create production build into ./build
yarn serve # Serve ./build at localhost:8080
yarn test # Run Typescript check
```
### Why?
I got tired of having to do the same setup when starting a new web app project. This repo is essentially my custom version of [create-react-app](https://github.com/facebook/create-react-app).