Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including eslint-config-xo-react with all npm packages installed. Try it out:

require("eslint/package.json"); // eslint is a peer dependency. require("eslint-plugin-react/package.json"); // eslint-plugin-react is a peer dependency. require("eslint-plugin-react-hooks/package.json"); // eslint-plugin-react-hooks is a peer dependency. var eslintConfigXoReact = require("eslint-config-xo-react")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

eslint-config-xo-react v0.23.0

ESLint shareable config for React to be used with eslint-config-xo

eslint-config-xo-react Build Status

ESLint shareable config for React to be used with eslint-config-xo

Install

$ npm install --save-dev eslint-config-xo eslint-config-xo-react eslint-plugin-react eslint-plugin-react-hooks

Usage

Add some ESLint config to your package.json:

{
    "name": "my-awesome-project",
    "eslintConfig": {
        "extends": [
            "xo",
            "xo-react"
        ]
    }
}

Or to .eslintrc:

{
    "extends": [
        "xo",
        "xo-react"
    ]
}

Use the space sub-config if you want 2 space indentation instead of tabs:

{
    "extends": [
        "xo",
        "xo-react/space"
    ]
}

You can also mix it with a XO sub-config:

{
    "extends": [
        "xo/esnext",
        "xo-react"
    ]
}

Tip

Use with XO

$ npm install --save-dev eslint-config-xo-react eslint-plugin-react eslint-plugin-react-hooks
{
    "name": "my-awesome-project",
    "xo": {
        "extends": "xo-react"
    }
}

Related

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free