@wezom/eslint-config-ts-react

ESLint shareable config React + TypeScript based on the @wezom/eslint-config-react and the @wezom/eslint-config-ts.

Rules

See full list of extends with code examples

Usage

We strongly recommend using this config with Prettier together.
See description.

Install

# base packages
npm i -D eslint babel-eslint eslint-config-prettier
# wezom configs
npm i -D @wezom/eslint-config @wezom/eslint-config-ts @wezom/eslint-config-ts-react

Setup linter
.eslintrc.json

{
	"root": true,
	"extends": ["@wezom/eslint-config", "eslint-config-prettier"],
	"parser": "babel-eslint",
	"overrides": [
		{
			"files": ["*.ts"],
			"extends": ["@wezom/eslint-config-ts", "eslint-config-prettier"],
			"parserOptions": {
				"project": "./tsconfig.json"
			}
		},
		{
			"files": ["*.tsx"],
			"extends": [
				"@wezom/eslint-config-ts-react",
				"eslint-config-prettier"
			],
			"parserOptions": {
				"project": "./tsconfig.json"
			}
		}
	]
}

Add npm scripts
package.json

{
	"scripts": {
		"test": "npm run prettier && npm run eslint",
		"eslint": "eslint src/**/*.{js,ts,tsx}",
		"eslint:autofix": "npm run eslint -- --fix",
		"prettier": "prettier src/ --check",
		"prettier:autofix": "npm run prettier -- --write"
	}
}

Test your files

npm run test