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")

all documents on RunKit are public
require() any package directly from npm
use arrow functions, classes, template strings, and most of ES6
await any promise instead of using callbacks (example)
create your own embedded node.js snippets

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

Overview Browse Files

@fuelrats/eslint-config-react

@fuelrats/eslint-config + react plugins and rules. Built specifically for our react projects.
- Includes eslint-plugin-react for react and better JSX linting.
- Includes eslint-plugin-react-hooks for react "rules of hooks" enforcement.
- Includes eslint-plugin-jsx-a11y for enforcing website accessibility best practices.

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

Run yarn global add install-peerdeps. (this is such a useful tool you should have it anyway 😃)
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.
Add "extends": ["@fuelrats/eslint-config-react"], to your .eslintrc file.
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
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 😍🎉🎊

Metadata

package on npmhttps://npmjs.com/package/@fuelrats/eslint-config-react
homepagehttps://github.com/FuelRats/eslint-config-fuelrats
licenseMIT