@dyrkow/eslint-config-react-native

ESLint config for React Native: globals (__DEV__, etc.) and rules from eslint-plugin-react-native.

Installation

Install the base config and this package (and @dyrkow/eslint-config-typescript if needed). List the base explicitly in your dependencies. You do not need to install eslint or plugins separately — they come from the base.

pnpm add -D @dyrkow/eslint-config @dyrkow/eslint-config-react-native
# or with TypeScript: pnpm add -D @dyrkow/eslint-config @dyrkow/eslint-config-typescript @dyrkow/eslint-config-react-native

Configuration

Use after base and React config. Add to .eslintrc.json:

{
    "extends": [
        "@dyrkow/eslint-config",
        "@dyrkow/eslint-config-react",
        "@dyrkow/eslint-config-react-native"
    ]
}

With TypeScript:

{
    "extends": [
        "@dyrkow/eslint-config",
        "@dyrkow/eslint-config-typescript",
        "@dyrkow/eslint-config-react",
        "@dyrkow/eslint-config-react-native"
    ]
}

What it adds

• Env: react-native/react-native (RN globals), browser: false
• Rules: no-unused-styles, split-platform-components, no-inline-styles, no-color-literals, no-raw-text, no-single-element-style-arrays (see plan for severity). In test files, no-inline-styles is turned off.