cra-template-typescript-blank

cra-template-typescript-blank

This is a TypeScript template for Create React App which is entirely blank.

No spinning logo, no unnecessary boilerplate code.

In addition to the official TypeScript template, the following dependencies are included by default:

• classnames
• eslint-plugin-jsx-a11y
• eslint-plugin-sonarjs
• prettier
• react-router-dom
• stylelint
• stylelint-config-prettier
• stylelint-config-standard
• stylelint-prettier

Furthermore, there are the following additions:

• HTTPS is enabled in development and test mode
• Some additional npm scripts are available:
  • npm run lint-js to run ESLint
  • npm run lint-css to run Stylelint
  • npm run lint to run both ESLint and Stylelint
  • npm run prettier to run a Prettier check
• A GitHub actions workflow is available that runs build, test, and linters on pull requests
• ESLint configuration is extended to include recommended rules from:
  • eslint-plugin-jsx-a11y
  • eslint-plugin-sonarjs

To use this template, add --template typescript-blank when creating a new app.

For example:

npx create-react-app my-app --template typescript-blank

# or

yarn create react-app my-app --template typescript-blank

For more information, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.