@mkaradeniz/eslint-config-react

Personal ESLint React Configuration.

Installation

yarn add -D @mkaradeniz/eslint-config-react
npx install-peerdeps --dev @mkaradeniz/eslint-config-react

Add following script to the package.json:

"lint": "eslint --ext .js --ext .jsx \"./src/\" --fix",

Create a .eslintrc.js with the following content:

module.exports = {
  extends: [require.resolve('@mkaradeniz/eslint-config-react')],
}

GraphQL

To use the graphql plugin:

yarn add -D eslint-plugin-graphql
yarn add -D graphql # if not installed yet

Add the plugin to the .eslintrc.js plugins:

plugins: ['graphql']

Add the following to the .eslintrc.js rules:

rules: {
		'graphql/template-strings': [
			'error',
			{
				env: 'apollo',
				schemaJsonFilepath: path.resolve(__dirname, './schema.json'), // Don't forget: `const path = require('path');`
				tagName: 'gql',
			},
		],
  },