Curated ESLint config for React and TypeScript.
npm install --save-dev eslint-config-emperoryarn add --save-dev eslint-config-emperorpnpm add --save-dev eslint-config-emperorDependant plugins will be installed automatically. The list includes:
- @typescript-eslint/eslint-plugin
- @typescript-eslint/parser
- eslint-config-prettier
- eslint-plugin-import
- eslint-plugin-jsx-a11y
- eslint-plugin-prettier
- eslint-plugin-react
- eslint-plugin-react-hooks
- eslint-plugin-unicorn
Rules reference:
module.exports = {
// General error-catching rules. Lightweight code style rules are included as optional.
extends: ['emperor', 'emperor/style'],
// Add, if you are using TypeScript:
parserOptions: {
project: './tsconfig.json',
},
// Add, if you are using Node.js:
env: {
node: true,
},
};Rules reference:
module.exports = {
// General error-catching rules. Already includes regular JS/TS rules.
// Lightweight code style rules are included as optional.
extends: ['emperor/react', 'emperor/react/style'],
// Add, if you are using TypeScript:
parserOptions: {
project: './tsconfig.json',
},
// Add, if you are using Node.js:
env: {
node: true,
},
};Integrating with Next.js:
TODO
Integrating with Remix:
TODO
Rules reference:
module.exports = {
extends: ['emperor/prettier'],
};