https://github.com/snelsi/react-typescript-eslint-template

A quick template to setup a new project with typescript, eslint, prettier
https://github.com/snelsi/react-typescript-eslint-template

eslint prettier react template typescript

Last synced: about 12 hours ago
JSON representation

A quick template to setup a new project with typescript, eslint, prettier

• Host: GitHub
• URL: https://github.com/snelsi/react-typescript-eslint-template
• Owner: snelsi
• Created: 2020-02-26T09:30:48.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-02T10:48:18.000Z (about 4 years ago)
• Last Synced: 2023-03-04T02:19:21.550Z (over 1 year ago)
• Topics: eslint, prettier, react, template, typescript
• Size: 14.6 KB
• Stars: 10
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-typescript-eslint-template

A quick template to set up a new project with typescript, eslint, prettier.

 

# Why?

Every time you create a new CRA project, it's requiring some extra effort to add eslint/prettier/typescript support to it. Besides that, if you want to add absolute imports to your project (as I always do), you need to add some special lines to those config files. This template is created to do exactly this. 

# Install

Just add .eslint, .prettierrc and tsconfig.json files to your project and copy devDependencies from package.json or add them by running this command:

`yarn add --dev eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser @types/node @types/react @types/react-dom`

or with npm:

`npm install -D eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser @types/node @types/react @types/react-dom`