eslint-config-learnx

This package includes the shareable ESLint configuration used by the WWL org, and is the recommended default for React apps.

Usage in Create React App Projects

The easiest way to use this configuration is with Create React App, which includes many of the dependencies by default.

yarn add eslint-config-learnx prettier eslint-config-prettier eslint-plugin-prettier --dev

Usage Outside of Create React App

If you want to use this ESLint configuration in a project not built with Create React App, you can install it with the following steps.

First, install this package, ESLint and the necessary plugins.

yarn add eslint-config-learnx eslint-config-react-app eslint-config-prettier eslint-plugin-prettier --dev

yarn add eslint-config-react-app @typescript-eslint/eslint-plugin@2.x @typescript-eslint/parser@2.x babel-eslint@10.x eslint@6.x eslint-plugin-flowtype@4.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@2.x --dev

Setting up the eslint config

Finally, create a file named .eslintrc.json with following contents in the root folder of your project:

{
  "extends": "learnx"
}

That's it! You can override the settings from eslint-config-learnx by editing the .eslintrc.json file. Learn more about configuring ESLint on the ESLint website.

test