@studio-freight/eslint-config-base-react

@studio-freight/eslint-config-base-react

This package includes the shareable ESLint configuration used by Studio Freight on React/Next.js based websites.

Usage

Install this package:

npm install --save-dev @studio-freight/eslint-config-base-react

or

yarn add --dev @studio-freight/eslint-config-base-react

Then create a file named .eslintrc with following contents in the root folder of your project:

{
	"extends":  "base-react"
}

you're gucci.

Includes

React's official base eslint rules

Prettier settings:

{
	useTabs:  false,
	tabWidth:  2,
	printWidth:  80,
	singleQuote:  false,
	trailingComma:  "none",
	jsxBracketSameLine:  false,
	semi:  false
}

make sure you have the following setting enabled in VSCode:

"editor.codeActionsOnSave": {
	"source.fixAll.eslint": true
},

since prettier is already included here, you don't need to run any prettifying tools on your end, eslint already does that for you, you're welcome!