https://github.com/katrotz/react-typescript-boilerplate
https://github.com/katrotz/react-typescript-boilerplate
create-react-app create-react-app-typescript react typescript
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/katrotz/react-typescript-boilerplate
- Owner: katrotz
- Created: 2018-06-19T16:09:31.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-19T16:13:00.000Z (about 7 years ago)
- Last Synced: 2025-01-14T00:32:49.914Z (5 months ago)
- Topics: create-react-app, create-react-app-typescript, react, typescript
- Language: TypeScript
- Size: 165 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-typescript-boilerplate
### Steps
1. Install [create-react-app](https://github.com/facebookincubator/create-react-app)
```
npm i -g create-react-app
```
2. Generate a new react app using the typescript loader
```
create-react-app react-typescript-boilerplate --scripts-version=react-scripts-ts
```
3. [Rewire](https://github.com/timarney/react-app-rewired) the create-react-app. Note that the package.json will have to be updated to reflect the usage of the typescript scripts of the create-react-app
```
"scripts": {
"start": "react-app-rewired start --scripts-version react-scripts-ts",
"build": "react-app-rewired build --scripts-version react-scripts-ts",
"test": "react-app-rewired test --env jsdom --scripts-version react-scripts-ts",
"eject": "react-app-rewired eject"
}
```
### Tips and Tricks
- [react-typescript-cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet)