Basic question about ESlint - Where install it?

[albertcito]

I'm using solito.dev blank project. I would like to install Airbnb style guide. What folder do I have to install it?

• /
• package/app/
• apps/expo/
• apps/next/

What option do you recommend about Where does your code run?

• Browser
• Node

May I create an extra .eslintcr.js file for next folder?

Thank you for your help.

[albertcito]

I installed it in main directory:

• yarn add -D -W eslint
• npx eslint --init
• yarn add -D -W eslint-plugin-react-native

This is my .eslintrc.js file for now.

module.exports = {
  env: {
    es2021: true,
    node: true,
    'react-native/react-native': true,
  },
  extends: [
    'next',
    'plugin:react/recommended',
    'airbnb',
    'airbnb/hooks',
  ],
  settings: {
    next: {
      rootDir: 'apps/next/',
    },
  },
  root: true,
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 'latest',
    sourceType: 'module',
  },
  plugins: [
    'react',
    'react-native',
    '@typescript-eslint',
  ],
  rules: {
    'import/no-extraneous-dependencies': ['off'],
    'react/react-in-jsx-scope': ['off'],
    'react/jsx-filename-extension': [1, { extensions: ['.ts', '.tsx'] }],
    'import/extensions': ['off'],
    'react/function-component-definition': [1, {
      namedComponents: ['function-declaration', 'function-expression', 'arrow-function'],
      unnamedComponents: ['function-expression', 'arrow-function'],
    }],
  },
};