eslint-config-xo-react

ESLint shareable config for React to be used with eslint-config-xo


Keywords
react, jsx, eslintconfig, xo, xoxo, hugs, kisses, happy, happiness, code, quality, style, lint, linter, jscs, jshint, jslint, eslint, validate, code style, standard, strict, check, checker, verify, enforce, hint, simple, eslint-config, eslint-rules, nodejs
License
MIT
Install
npm install eslint-config-xo-react@0.8.0

Documentation

eslint-config-xo-react

ESLint shareable config for React to be used with eslint-config-xo

Install

npm install --save-dev eslint-config-xo eslint-config-xo-react eslint-plugin-react eslint-plugin-react-hooks

Usage

Add some ESLint config to your package.json:

{
	"name": "my-awesome-project",
	"eslintConfig": {
		"extends": [
			"xo",
			"xo-react"
		]
	}
}

Or to .eslintrc:

{
	"extends": [
		"xo",
		"xo-react"
	]
}

Use the space sub-config if you want 2 space indentation instead of tabs:

{
	"extends": [
		"xo",
		"xo-react/space"
	]
}

You can also mix it with a XO sub-config:

{
	"extends": [
		"xo/esnext",
		"xo-react"
	]
}

Tip

Use with XO

$ npm install --save-dev eslint-config-xo-react eslint-plugin-react eslint-plugin-react-hooks
{
	"name": "my-awesome-project",
	"xo": {
		"extends": "xo-react"
	}
}

Related