.eslintrc.js

module.exports = {
  root: true,
  extends: [
    'plugin:@typescript-eslint/recommended',
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:react-hooks/recommended',
    'plugin:jest/recommended',
  ],
  parser: '@typescript-eslint/parser',
  plugins: [
    '@typescript-eslint',
    'prettier',
    'react',
    'react-hooks',
    'react-native',
    'detox',
  ],
  settings: {
    'import/parsers': {
      '@typescript-eslint/parser': ['.ts', '.tsx'],
    },
    'import/resolver': {
      typescript: {},
    },
    react: {
      version: 'detect',
    },
  },
  parserOptions: {
    ecmaVersion: 6,
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
      modules: true,
    },
  },
  env: {
    commonjs: true,
    es6: true,
    'react-native/react-native': true,
    'detox/detox': true,
    node: true,
    jest: true,
    'jest/globals': true,
    mocha: true,
  },
  ignorePatterns: ['android/**', 'ios/**'],
  rules: {
    // 0 is for off, 1 is for warning, 2 is for error
    'eol-last': 2, // Require file to end with single newline
    'no-import-assign': 1,
    'no-constant-condition': 2, // Disallow use of constant expressions in conditions
    'no-dupe-keys': 2, // Disallow Duplicate Keys
    'no-empty': 2, // Disallow Empty Block Statements
    'no-extra-boolean-cast': 2, // Disallow Extra Boolean Casts
    'no-prototype-builtins': 2, // Disallow use of Object.prototypes builtins directly
    'no-undef': 2, // Disallow Undeclared Variables
    'no-underscore-dangle': 2, // Disallow dangling underscores in identifiers
    'no-unreachable': 2, // Disallow unreachable code after return, throw, continue, and break statements
    'no-unused-vars': [2, { argsIgnorePattern: '^_' }], // Disallow Unused Variables
    'no-useless-escape': 2, // Disallow unnecessary escape usage
    'no-console': 0, // disallow the use of console
    'no-var': 2, // require let or const instead of var
    strict: [2, 'global'], // require or disallow strict mode directives
    'react-native/no-color-literals': 1, // Detect StyleSheet rules and inline styles containing color literals instead of variables
    'react-native/no-inline-styles': 0, // For keeping styles away from the logic, we can switch it to 1 in future
    'react-native/no-raw-text': ['error', { skip: ['Trans'] }], // This is to make sure everything is translated in the app
    'react-native/no-unused-styles': 1, // Detect StyleSheet rules which are not used in your React components
    'react/jsx-boolean-value': 2, // Enforce boolean attributes notation in JSX (fixable)
    'react/jsx-key': 2, // Report missing key props in iterators/collection literals
    'react/jsx-no-duplicate-props': 2, // Enforce no duplicate props
    'react/jsx-no-undef': 2, // Disallow undeclared variables in JSX
    'react/jsx-sort-props': 0, // Enforce props alphabetical sorting (fixable)
    'react/jsx-wrap-multilines': 2, // Prevent missing parentheses around multilines JSX (fixable)
    'react/no-deprecated': 1, // Prevent usage of deprecated methods
    'react/no-did-mount-set-state': 1, // Prevent usage of setState in componentDidMount
    'react/no-did-update-set-state': 1, // Prevent usage of setState in componentDidUpdate
    'react/no-multi-comp': 0, // Prevent multiple component definition per file
    'react/no-string-refs': 1, // Prevent string definitions for references and prevent referencing this.refs
    'react/prop-types': 0, // Prevent missing props validation in a React component definition
    'react/react-in-jsx-scope': 2, // Prevent missing React when using JSX
    'react/self-closing-comp': 2, // Prevent extra closing tags for components without children,
    'react/prefer-stateless-function': 2, // Use functional components vs classes
    '@typescript-eslint/no-var-requires': 0,
    '@typescript-eslint/no-empty-function': [2, { allow: ['arrowFunctions'] }],
    '@typescript-eslint/no-unused-vars': [2, { argsIgnorePattern: '^_' }],
    '@typescript-eslint/explicit-module-boundary-types': 'off',
  },
  overrides: [
    {
      files: ['*.spec.js'], // Or *.test.js
      rules: {
        'react-native/no-raw-text': 0,
      },
    },
    {
      files: ['e2e/**/*.js'], // Or *.test.js
      rules: {
        'jest/expect-expect': 0, // these files do expectations inside page objects
      },
    },
    {
      // enable the rule specifically for TypeScript files
      files: ['*.ts', '*.tsx'],
      rules: {
        '@typescript-eslint/explicit-module-boundary-types': ['error'],
      },
    },
  ],
};