https://github.com/beaglefoot/fcc-react-typescript-boilerplate
Mostly for react projects on freeCodeCamp
https://github.com/beaglefoot/fcc-react-typescript-boilerplate
boilerplate css-modules freecodecamp jest react redux tslint typescript webpack
Last synced: about 1 month ago
JSON representation
Mostly for react projects on freeCodeCamp
- Host: GitHub
- URL: https://github.com/beaglefoot/fcc-react-typescript-boilerplate
- Owner: Beaglefoot
- Created: 2017-01-08T21:38:18.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T20:28:10.000Z (over 2 years ago)
- Last Synced: 2025-02-03T23:54:53.688Z (3 months ago)
- Topics: boilerplate, css-modules, freecodecamp, jest, react, redux, tslint, typescript, webpack
- Language: JavaScript
- Homepage:
- Size: 6.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fcc-react-typescript-boilerplate
Once it was a simple boilerplate for React Projects section on freeCodeCamp and although it can be used that way, the simplicity is gone...
## Installation
In terminal:
1. `git clone `
2. `rm -rf .git README.md` to get rid of all existing git configs and records
3. `git init` to initialize a repo anew
4. `git remote add origin ` to add new remote for your project
5. `yarn install`
6. Edit name, licensing, etc. in `package.json`
## Basic Usage
- Dev build and serving with webpack-dev-server:
```
yarn start
```
- Production build:
```
yarn build
```
- Run tests:
```
yarn test
```
For more npm scripts check `package.json`
## What's included
* Typescript support via **ts-loader** with source maps
* Efficient transpiling and polyfills with **babel-loader**, **@babel/preset-env** and **browserslist**
* **css-modules** with TS typings
* Testing with **jest** and **enzyme**
* Precommit githook with **eslint** and **prettier**
* Autoprefixer
## What's left aside
* **react-hot-loader**