eslint-config-sc-react

• Strict Check config for eslint.
• For ReactJS.

How to use

Installation

$ yarn add -D eslint-config-sc-react

Use for eslint.config.mjs

For Javascript

// eslint.config.mjs
import eslintConfigSCReact from "eslint-config-sc-react"

export default [
  ...eslintConfigSCReact.configs.recommended,
]

// Below is equal
export default [
  eslintConfigSCReact.configs.initialRecord,
  eslintConfigSCReact.configs.stylisticRecord,
  eslintConfigSCReact.configs.eslintRecommendedRecord,
  eslintConfigSCReact.configs.unicornRecommendedRecords,
  eslintConfigSCReact.configs.reactRecords,
  eslintConfigSCReact.configs.airbnbRecords,

  // This is the custom config of eslint-config-sc-js / eslint-config-sc-react
  eslintConfigSCReact.configs.scJsCustomRecord,
  eslintConfigSCReact.configs.customRecord,

  // This is the reset config for stylistic
  eslintConfigSCReact.configs.resetRecordForStylistic,
].flat()

For Typescript

import eslintConfigSCTs from "eslint-config-sc-ts"
import eslintConfigSCReact from "eslint-config-sc-react"

export default [
  eslintConfigSCReact.configs.initialRecord,
  eslintConfigSCReact.configs.stylisticRecord,
  eslintConfigSCReact.configs.eslintRecommendedRecord,
  eslintConfigSCReact.configs.unicornRecommendedRecords,
  eslintConfigSCTs.configs.typescriptEslintStrictTypeCheckedRecords,
  eslintConfigSCTs.configs.typescriptEslintStylisticTypeCheckedRecords,
  eslintConfigSCReact.configs.reactRecords,
  eslintConfigSCReact.configs.airbnbRecords,

  // This is the custom config of eslint-config-sc-js / eslint-config-sc-react
  eslintConfigSCReact.configs.scJsCustomRecord,
  eslintConfigSCReact.configs.customRecord,
  eslintConfigSCReact.configs.customRecordWithTypescript,

  // This is the reset config for stylistic
  eslintConfigSCReact.configs.resetRecordForStylistic,
].flat()

Use for .eslintrc.js

For Javascript

// .eslintrc.js

module.exports = {
  extends: ["sc-react/legacy"]
}

// Below is equal
const eslintConfigSCReact = require("eslint-config-sc-react")

module.exports = {
  extends: [
    "plugin:react/jsx-runtime",
    "plugin:react/recommended",
    "airbnb",
    "airbnb/hooks",
    "sc-js/legacy"
  ],
  rules: {
    ...eslintConfigSCReact.configs.customRecord.rules,
  },
}

For Typescript

const eslintConfigSCReact = require("eslint-config-sc-react")
const eslintConfigSCTs = require("eslint-config-sc-ts")

module.exports = {
  extends: [
    "plugin:unicorn/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react/recommended",
    "airbnb",
    "airbnb/hooks",
    "sc-ts/legacy"
  ],
  rules: {
    ...eslintConfigSCTs.configs.customRecord.rules,
    ...eslintConfigSCReact.configs.customRecord.rules,
    ...eslintConfigSCReact.configs.customRecordWithTypescript.rules,  // This is the custom config for typescript of eslint-config-sc-react
    ...eslintConfigSCReact.configs.resetRecordForStylistic.rules,
  },
}

Used config, plugin ( alphabetical )

config

• eslint-config-airbnb
• eslint-config-sc-js

Recommended, but not includes

plugin

• eslint-plugin-sonarjs
• eslint-plugin-jsdoc

License

• MIT
• This includes the work that is distributed in the Apache License 2.0.