ESLint

Linter를 사용 시 좋은 점

초보자도 고수처럼 코딩할 수 있다.

airbnb linter 설정방법

create-react-app 으로 만든 project 라고 가정.

1. eslint를 위한 airbnb 설정을 설치한다.

yarn add eslint-config-airbnb

2. .eslintrc 파일 생성

.eslintrc

{
  "env": {
    "browser": true,
    "es6": true,
    "jest": true
  },
  "parser": "babel-eslint",
  "extends": [
    "airbnb"
  ],
  "plugins": [
    "react"
  ],
  "rules": {
    "strict": "error"
  }
}

제가 사용중인 설정입니다.

3. 빨간 줄을 맞이하고 해결한다.

:D

추가 정보

eslint rules

eslint-plugin-rules

airbnb javascript code style