eslint-config-godaddy-react-typescript

ESLint config for consistent style in ES6 React projects using TypeScript at GoDaddy.

Usage no npm install needed!

<script type="module">
  import eslintConfigGodaddyReactTypescript from 'https://cdn.skypack.dev/eslint-config-godaddy-react-typescript';
</script>

README

eslint-config-godaddy-react-typescript

Configuration for ES6 React JavaScript applications using React and TypeScript, officially used at GoDaddy. There are many useful features:

  • Standard. No configuration. – Stop worrying about style and focus on your work.
  • Modern – Uses modern linting tools like eslint.
  • Auto-fix – Auto-fix is enabled by-default through in eslint. Many rules will fix themselves!

This styleguide is used by dozens of product teams at GoDaddy. Have a question or comment? Open an issue!

Installation

# ES6 (including React rules)
npm i eslint-config-godaddy-react-typescript --save-dev

Usage

There are two ways to use this styleguide depending on your own tooling preference: directly using pre-included binaries or running eslint yourself with a custom .eslintrc config.

1. Use the pre-included binaries.

These use exactly the configuration defined in this package (eslint-config-godaddy-react-typescript) with auto-fix enabled automatically.

{
  "scripts": {
    "lint": "eslint-godaddy-react-typescript files/ you/ want-to/ lint/"
  }
}
2. Define your local .eslintrc.js and run eslint yourself:
module.exports = {
  extends: 'godaddy-react-typescript',
  rules: {
    //
    // Put any rules you wish to override here.
    //
  }
}

The --fix option in eslint is only available as a CLI option. Auto-fix will NOT be enabled unless you run eslint --fix in your package.json.

{
  "scripts": {
    "lint": "eslint --fix files/ you/ want-to/ lint/"
  }
}