https://github.com/dannnyliang/cra-template
Customize typeScript template for Create React App.
https://github.com/dannnyliang/cra-template
create-react-app create-react-app-template import-sort lint-staged prettier-eslint
Last synced: about 2 months ago
JSON representation
Customize typeScript template for Create React App.
- Host: GitHub
- URL: https://github.com/dannnyliang/cra-template
- Owner: dannnyliang
- Created: 2021-05-20T17:50:40.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-09-26T09:13:00.000Z (over 4 years ago)
- Last Synced: 2025-11-06T09:20:38.523Z (4 months ago)
- Topics: create-react-app, create-react-app-template, import-sort, lint-staged, prettier-eslint
- Language: HTML
- Homepage:
- Size: 31.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# cra-template-typescript
This is the official TypeScript template for [Create React App](https://github.com/facebook/create-react-app).
To use this template, add `--template @dannnyliang/cra-template-typescript` when creating a new app.
For example:
```sh
npx create-react-app my-app --template @dannnyliang/cra-template-typescript
# or
yarn create react-app my-app --template @dannnyliang/cra-template-typescript
```
For more information, please refer to:
- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
### Custom config
- use [import-sort-cli](https://github.com/renke/import-sort#readme) to group and sort modules.
- use [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier) to run prettier as an ESLint rule.
- use [husky](https://github.com/typicode/husky) v6 to run `lint-staged` before commit.
### Scripts
- `cz`: make commit messages conventional with [cz-conventional-changelog](https://github.com/commitizen/cz-conventional-changelog) adapter.
- `lint-staged`: use [lint-staged](https://github.com/okonet/lint-staged) to run linters or foramtter to unify the coding styling.