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 @fuelrats/eslint-config-react with all npm packages installed. Try it out:

require("babel-eslint/package.json"); // babel-eslint is a peer dependency. require("eslint/package.json"); // eslint is a peer dependency. require("eslint-plugin-babel/package.json"); // eslint-plugin-babel is a peer dependency. require("eslint-plugin-import/package.json"); // eslint-plugin-import is a peer dependency. require("eslint-plugin-jsx-a11y/package.json"); // eslint-plugin-jsx-a11y 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. require("react/package.json"); // react is a peer dependency. var eslintConfigReact = require("@fuelrats/eslint-config-react")

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

@fuelrats/eslint-config-react v1.1.6

ESLint config for fuelrats react projects

@fuelrats/eslint-config-react

Motivation

The TechRat team of The FuelRats utilize ECMAScript on all fronts. Over time these projects have strayed in code standards as no common base has been shared between them.

@fuelrats/eslint-config aims to help unify style and standards across all major FuelRats projects.

These configs are in a draft stage, and are subject to frequent adjustments as we begin to unify across projects

Setup

  1. Run yarn global add install-peerdeps. (this is such a useful tool you should have it anyway 😃)
  2. Add the config and all peerdeps by running: install-peerdeps @fuelrats/eslint-config-react.
    • alternatively, if you use npx you could run npx install-peerdeps @fuelrats/eslint-config-react.
  3. Add "extends": ["@fuelrats/eslint-config-react"], to your .eslintrc file.
  4. Setup additional env options. By default, we only enable the es6 envronment. all other env settings are up to the project.
    • For more information on eslint envrionment settings, visit the eslint docs
  5. We recommend also setting your react settings per the eslint-plugin-react configuration docs.
    • By default, we configure eslint to use the default React pragma, and the current react version used in our react projects.
    • More information can be found here

Credits

Our code style and this config set was inspired by and derived from the AirBnB javascript style guide. Send some love their way 😍🎉🎊

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