Eslint setup for reactjs

.eslintrc.js

module.exports = {
	env: {
		browser: true,
		es2021: true,
	},
	settings: {
		react: {
			version: 'detect',
		},
	},
	extends: [
		'plugin:react/recommended',
		'plugin:react/jsx-runtime',
		'standard',
		'eslint-config-prettier',
	],
	overrides: [],
	parserOptions: {
		ecmaVersion: 'latest',
		sourceType: 'module',
	},
	plugins: ['react'],
	rules: {
		// 'no-unused-vars': 'off',
		// 'no-unused-expressions': 'off',
		// 'react/prop-types': 0,
	},
};

Steps to install eslint with prettier

Commands

I'm usign yarn, but you can use another package manager.

yarn add -D eslint
yarn add -D eslint-config-prettier

If you're going to use jest for tests, install this plugin

yarn add -D eslint-plugin-jest

Then create eslint config file with the following command.

yarn eslint --init