ESLint config for React based projects

What is included?

Configuration for JavaScript files e.g. webpack.config.js etc.

Based on airbnb-base with additional prettier rules

Configuration for TypeScript source files

Based on airbnb-typescript with @typescript-eslint, import and prettier

Separate configuration for TypeScript tests files

Based on previous config, but with some rules disabled for easier testing

How to use it?

You can configure your .eslintrc for example in this way:

module.exports = {
  extends: ['@mrowa96/eslint-config-react/base'],
  overrides: [
    {
      files: ['**/*.ts', '**/*.tsx'],
      extends: ['@mrowa96/eslint-config-react/typescript'],
    },
    {
      files: ['**/*.test.ts', '**/*.test.tsx'],
      extends: ['@mrowa96/eslint-config-react/typescript-test'],
    },
  ],
};