https://github.com/louis-young/react-typescript-tooling-automation-template
A React template with TypeScript, developer tooling and automation.
https://github.com/louis-young/react-typescript-tooling-automation-template
automation cd ci dependabot developer-tooling eslint husky ls-lint pre-commit-hooks prettier react tailwind template typescript
Last synced: 3 months ago
JSON representation
A React template with TypeScript, developer tooling and automation.
- Host: GitHub
- URL: https://github.com/louis-young/react-typescript-tooling-automation-template
- Owner: louis-young
- Created: 2022-09-29T14:28:19.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-13T08:22:23.000Z (about 2 years ago)
- Last Synced: 2025-01-16T07:38:07.810Z (4 months ago)
- Topics: automation, cd, ci, dependabot, developer-tooling, eslint, husky, ls-lint, pre-commit-hooks, prettier, react, tailwind, template, typescript
- Language: JavaScript
- Homepage:
- Size: 1.3 MB
- Stars: 2
- Watchers: 4
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# React TypeScript Tooling Automation Template
A React template with TypeScript and developer tooling.
- React with TypeScript to improve developer experience, shorten feedback loops and to help prevent runtime errors.
- Tailwind to style elements quickly and efficiently.
- Linting for JavaScript and TypeScript files via ESLint to find and fix problems quickly via static code analysis.
- Linting for the filesystem via LSLint to enforce consistency in file and folder names.
- Opinionated formatting for an array of file types via Prettier to enforce consistency.
- Pre-commit hooks via Husky to automatically enforce standards and shorten feedback loops.
- Automated dependency updates via Dependabot to keep dependencies up to date.
- Continuous Integration via GitHub actions with type checking, formatting, linting and testing.
- Continuous Deployment via GitHub actions to Amazon S3, in this example to an S3 bucket distributed by a CloudFront distribution.
## Scripts
`npm run start`
Runs the application in the development mode.
`npm run typecheck`
Runs the TypeScript compiler and checks for type issues.
`npm run lint`
Runs the linter to check for code issues.
`npm run lint:write`
Runs the linter and fixes code issues.
`npm run lint:ls`
Runs the filesystem linter to check for consistency in file and folder names.
`npm run format`
Runs the formatter to check for formatting issues.
`npm run format:write`
Runs the formatter and fixes formatting issues.
`npm run build`
Builds the application using the production environment variables and outputs it to the `dist` folder.