Eslint nedir?

Bunun öncesinde lint kavramına bakmak gerekiyor. Buna kısaca kodların belli kurallara göre analiz edilmesi olarak bakabiliriz. Bunu da kodu daha tutarlı hale getirmek ve hataları önlemek için yapmalıyız. Lint araçları kodumuzda kurallara uymayan kısımları görmemizi sağlayan araçlardır. Eslint de bu araçlardan bir tanesi.

Eslint projeye dahil edildikten sonra .eslintrc adında bir dosya oluşturularak istediğimiz kuralları belirleyebiliriz.

// .eslintrc
{
  "extends": [
    "airbnb"
  ],
  "env": {
    "browser": true
  }
}

Standart kuralları kullanmak veya kendinizin bütün kuralları belirlemesi yerine kural setinizi başka setlerden extend edebilirsiniz. Benim önereceğim iki paket var.

1. Facebook’un - eslint-config-react-app
2. Airbnb’nin - eslint-config-airbnb

İstersek kural setinde kullanmak istemediğimiz kuralları rules kısmından kapatabiliriz veya bu bölümü yeni kurallar tanımlamak için kullanabiliriz.

{
  "extends": [
    "react-app"
  ],
  "env": {
    "browser": true,
  }
  "rules": {
    "react/forbid-prop-types": 0,
    "react/prop-types": 0
  }
}