eslint-plugin-react-native-unistyles

eslint-plugin-react-native-unistyles JS library on GitHub eslint-plugin-react-native-unistyles JS library on npm Download eslint-plugin-react-native-unistyles JS library

React Native Unistyles rules for ESLint

Version 0.2.9 License MIT
eslint-plugin-react-native-unistyles has no homepage
eslint-plugin-react-native-unistyles JS library on GitHub
eslint-plugin-react-native-unistyles JS library on npm
Download eslint-plugin-react-native-unistyles JS library
Keywords
eslinteslint-plugineslintpluginreactreact-nativereact nativeunistylesreact-native-unistyles
react-native-unistyles

ESLint plugin for React Native Unistyles

NPM Downloads GitHub Repo stars NPM Version License

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

Installation

Install eslint-plugin-react-native-unistyles

yarn add eslint-plugin-react-native-unistyles -D

Configuration

Add plugins section and specify react-native-unistyles as a plugin.

{
  "plugins": ["react-native-unistyles"]
}

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

{
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    }
  }
}

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

{
  "rules": {
    "react-native-unistyles/no-unused-styles": "warn",
    "react-native-unistyles/sort-styles": [
      "warn",
      "asc",
      { "ignoreClassNames": false, "ignoreStyleProperties": false }
    ],
  }
}

List of supported rules

  • no-unused-styles: Detect createStyleSheet styles which are not used in your React components
  • sort-styles: Detect createStyleSheet styles which are not in correct sort order

Shareable configurations

All

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

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

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