Photo by Hans-Jurgen Mager on Unsplash

GELIŞTIRICI ARAÇLARI

ESLint Nedir ? Ne İşe Yarıyor ?

ESLint JavaScript kodunuzu statik olarak analiz ederek problemleri bulmanızı sağlayan bir araç (Linter)

ES → EcmaScript ve Lint → Linter gelen bir birleşim. ESLint web sayfası

Lint, or a linter, is a static code analysis tool used to flag programming errors, bugs, stylistic errors and suspicious constructs.

Temel çalışma mantığı; bir takım kurallar doğrultusunda kodunuzu tarayıp bunun ile ilgili uyarıları vererek geliştiricileri uyarıyor. Bir çok kod editörü ve boilerplate yapılarda hazır olarak geliyor. Örneğin React Geliştirme Ortamının Oluşturulması sırasında kod paketinin içerisine hazır olarak kurulmuş oluyor.

npx create-react-app react-setup

Siz bu linter kendiniz kurmak isterseniz ve konfigürasyonunu tanımlamak isterseniz ESLint Getting Started yazısından başlayabilirsiniz.

Konuyu Demo ortamı üzerinden anlatırsak, amacımız kodun içerisinde syntax highlighting ile uyarıda bulunan, kurallara uyulmayan kısımdaki

ESLint çalışma mantığı

ESLint öncelikle hangi versiyon, hangi kaynak türü ve hangi ECMA özellikleri ile çalışacağınızı tanımlamanız..

Daha sonrasında hangi ortam global değişkenlerini enabled edeceğinizi belirtmeniz

Daha sonrada hangi kuralların aktif olması gerektiğini belirliyorsunuz.

Son adım olarak aşağıdaki konfigürasyon dosyasını indirip, projenize ekleyebilirsiniz.

Örneğin react create-react-app içerisinde ESLint kurulu geliyor ve siz projenizde yarn develop, yarn build çağırdığınızda ESLint ait çıktı ve uyarıları görebiliyorsunuz.

Okumaya Devam Et 😃

Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.