@bilue/eslint-config-react

[![npm (scoped)](https://img.shields.io/npm/v/@bilue/eslint-config-react.svg?style=flat-square)](https://www.npmjs.com/package/@bilue/eslint-config-react)

Usage no npm install needed!

<script type="module">
  import bilueEslintConfigReact from 'https://cdn.skypack.dev/@bilue/eslint-config-react';
</script>

README

Bilue Logo

@bilue/eslint-config-react

npm (scoped)

This package provides an opinionated ESLint preset for React projects using TypeScript, intended to be used for all of our React projects at Bilue.

Installation

# Yarn
yarn add --dev @bilue/eslint-config-react

# npm
npm save --dev @bilue/eslint-config-react

Usage

In your ESLint configuration, usually an .eslintrc file at the root of your project, add the following:

{
  "extends": "@bilue/react"
}

Features

  • Support for linting TypeScript files
  • Sensible default rules for linting React projects
  • Rules to enforce proper accessibility annotations
  • Rules to ensure common mistakes are avoided when using React hooks
  • Integration with Prettier