⚡react-eslint-standard

quickly start eslint in react.

install

npm i react-eslint-standard -D

eslint.config.js

import { defineConfig } from 'react-eslint-standard';

export default defineConfig();

.prettierrc.js

/**
 * @type {import("prettier").Config}
 */
export default {
  singleQuote: true,
  trailingComma: 'all',
  bracketSameLine: true,
  endOfLine: 'auto',
};

custom configuration

import { defineConfig } from 'react-eslint-standard';
import tseslint from 'typescript-eslint';

export default defineConfig({
  extends: [...tseslint.configs.recommended, ...tseslint.configs.strict],
  rules: {
    '@typescript-eslint/no-empty-function': 'off',
    '@typescript-eslint/no-empty-object-type': 'off',
  },
});