-
Navigate to your app directory where you want to include this style configuration.
yarn init -y
-
Run this command inside your app's root directory. Note: this command executes the
eslint-prettier-config.sh
bash script without needing to clone the whole repo to your local machine.exec 3<&1;bash <&3 <(curl https://raw.githubusercontent.com/twistedTongues/eslint-prettier-airbnb-react/master/eslint-prettier-config.sh 2> /dev/null)
-
Make selections for your preference of package manager (npm or yarn), file format (.js or .json), max-line size, and trailing commas (none, es5, all).
-
Look in your project's root directory and notice the two newly added/updated config files:
.eslintrc.js
(or.eslintrc.json
).prettierrc.js
(or.prettierrc.json
)
- eslint-config-airbnb
- This package provides Airbnb's .eslintrc as an extensible shared config.
- eslint-plugin-jsx-a11y (Peer Dependency)
- Static AST checker for accessibility rules on JSX elements.
- eslint-plugin-react (Peer Dependency)
- React specific linting rules for ESLint
- eslint-plugin-import (Peer Dependency)
- Support linting of ES2015+ (ES6+) import/export syntax, and prevent issues with misspelling of file paths and import names.
- babel-eslint
- A wrapper for Babel's parser used for ESLint.
- We decided to include this since Airbnb Style Guide uses Babel.
- eslint-config-node
- eslint-plugin-node
- eslint-plugin-prettier
- Runs Prettier as an ESLint rule and reports differences as individual ESLint issues.
- eslint-config-prettier
- Turns off all rules that are unnecessary or might conflict with Prettier.