ESLint plugin for React Native

Greenkeeper badge

Maintenance Status NPM version Build Status Dependency Status Coverage Status Code Climate BCH compliance

React Native specific linting rules for ESLint. This repository is structured like (and contains code from) the excellent eslint-plugin-react.


Install ESLint either locally or globally.

$ npm install eslint

To make most use of this plugin, its recommended to install eslint-plugin-react in addition to ESLint. If you installed ESLint globally, you have to install eslint-plugin-react globally too. Otherwise, install it locally.

$ npm install eslint-plugin-react

Similarly, install eslint-plugin-react-native

$ npm install eslint-plugin-react-native


Add plugins section and specify ESLint-plugin-React (optional) and ESLint-plugin-react-native as a plugin.

  "plugins": [

If it is not already the case you must also configure ESLint to support JSX.

  "ecmaFeatures": {
    "jsx": true

Finally, enable all of the rules that you would like to use.

  "rules": {
    "react-native/no-unused-styles": 2,
    "react-native/split-platform-components": 2,
    "react-native/no-inline-styles": 2,
    "react-native/no-color-literals": 2,

List of supported rules

Shareable configurations


This plugin also exports an all configuration that includes every available rule.

  "plugins": [
    /* ... */
  "extends": [/* ... */, "plugin:react-native/all"]

Note: These configurations will import eslint-plugin-react-native and enable JSX in parser options.

Added at: 2017/03/19
Owner: intellicode
Category: other
Downloads last month: 59980
Version: 3.0.1

Add to your project

npm i --save eslint-plugin-react-native
yarn add eslint-plugin-react-native