eslint-config-react-native

A comprehensive ESLint configuration for React Native projects, with TypeScript, Prettier, accessibility, and import sorting support. Built for consistency, best practices, and ease of use.

Features

• Extends recommended ESLint and TypeScript rules
• Integrates Prettier for code formatting
• Enforces React and React Hooks best practices
• Accessibility linting via eslint-plugin-jsx-a11y
• Import sorting and key sorting
• Sensible defaults for modern React Native development

Installation

First, install this config and its peer dependencies:

1yarn add -D @janblazej/eslint-config-react-native

Peer & Required Dependencies

You must also have the following packages installed (they will be installed automatically if you use the above command):

1yarn add -D \
2  eslint \
3  prettier \
4  typescript \
5  @typescript-eslint/eslint-plugin \
6  @typescript-eslint/parser \
7  eslint-plugin-react \
8  eslint-plugin-react-hooks \
9  eslint-plugin-jsx-a11y \
10  eslint-plugin-prettier \
11  eslint-config-prettier \
12  eslint-plugin-simple-import-sort \
13  eslint-plugin-unused-imports \
14  eslint-plugin-sort-keys-fix \
15  @eslint/js

Usage

In your project root, create (or update) your ESLint config file (e.g. .eslintrc.js, .eslintrc.json, or eslint.config.js) to extend this config:

For eslint.config.js (recommended for ESLint v9+):

1import config from '@janblazej/eslint-config-react-native'
2export default config

If you need to override or extend any rules, you can do so in your own ESLint config file.

1import config from '@janblazej/eslint-config-react-native'
2
3export default [
4    ...config,
5    {
6        ignores: ['node_modules', 'build'],
7    },
8]
9

---

Maintained by Jan Blazej. Contributions and suggestions welcome!