Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 coverage-reports dependabot developer-tooling eslint husky jest ls-lint pre-commit-hooks prettier react react-testing-library tailwind template thresholds typescript
Last synced: about 2 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-07-15T10:16:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-27T08:10:52.000Z (almost 2 years ago)
- Last Synced: 2023-03-04T05:53:25.981Z (almost 2 years ago)
- Topics: automation, cd, ci, coverage-reports, dependabot, developer-tooling, eslint, husky, jest, ls-lint, pre-commit-hooks, prettier, react, react-testing-library, tailwind, template, thresholds, typescript
- Language: TypeScript
- Homepage:
- Size: 3.11 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 14
-
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.