Prettier mi ESLint mi? Kod Stilini Belirleme ve Formatlama
Yazılım geliştirme dünyasında, kod kalitesi ve okunabilirliği sağlamak için kullanılan araçlar arasında Prettier ve ESLint sıkça karşılaştırılır. İlk bakışta benzer görevler yaptıkları düşünülebilir, ancak bu iki tool farklı problemleri çözer ve birbiriyle tamamlayıcı bir ilişki içindedir. Doğru araç seçimini yapabilmek için öncelikle her birinin gerçek işlevini anlamak gerekir.
ESLint: Kod Kalitesi ve Stil Kuralları
ESLint, bir linter yani kod analiz aracıdır. Yazılan kodu tarar, potansiyel hataları, kötü pratikleri ve belirlediğiniz stil kurallarına uymayanları raporlar. Yapılandırılabilir bir sistem sunarak, projenize özel kural setleri tanımlamanızı sağlar.
ESLint'in temel görevleri:
- Tanımlanmamış değişkenleri tespit etmek
- Kullanılmayan import'ları bulup uyarmak
- Potansiyel hata kaynakları (döngü sorunları, tip uyumsuzlukları) konusunda alarm vermek
- Kurumsal kod standartlarını (değişken adlandırması, fonksiyon yapısı) kontrol etmek
- Kodun belirli stil kurallarına uyup uymadığını kontrol etmek
ESLint ile "bu dosyada en fazla 80 karakter olsun" veya "değişkenler camelCase olmalı" gibi kurallar belirleyebilirsiniz. Ancak bulduğu sorunları otomatik olarak düzeltme konusunda sınırlıdır. Bazı kurallar otomatik fix özellığine sahipken, çoğu sadece uyarı verir.
Prettier: Otomatik Kod Formatlama
Prettier, kaynağınızı alıp yeniden yazarak kod formatını tamamen yeniden oluşturan bir formatterdir. Prettier'ın felsefesi basittir: tasarımcı kararlarını sizin yerinize alır ve tutarlı bir stil uygular.
Prettier'ın özellikleri:
- Satır uzunluğunu otomatik olarak ayarlar (print width)
- Girintileme (indentation) konusunda tutarlı kural uygulanır
- Tırnak işaretleri (single vs. double) standardize edilir
- Nokta virgüller otomatik eklenir veya kaldırılır
- Tüm dosya tek seferde otomatik olarak düzeltilir
Prettier'ın en büyük avantajı karar yükünü ortadan kaldırmasıdır. "Satırı kaç karakterde kıralım?" sorusunun cevabını siz değil, Prettier belirler. Bu tutarlılık sağlar ve tim içindeki tartışmaları azaltır.
Birlikte Kullanım: Tamamlayıcı Araçlar
Prettier ve ESLint'i rekabet halinde görmenin sebebi, genellikle birinin diğerinin görevine müdahale ettiği düşüncesidir. Uygun yapılandırma ile bu çatışma tamamen ortadan kaldırılabilir.
Önerilen kurulum şu şekildedir:
- Prettier ilk çalışır: Kod otomatik olarak formatlanır (satır uzunluğu, girintiler, tırnak işaretleri vb.)
- ESLint sonra çalışır: Formatlanmış kodu kontrol eder, stil dışı hataları ve kalite sorunlarını tespit eder
Bu sıra çok önemlidir çünkü ESLint'in stil kurallarını Prettier'ın kararlarıyla çelişmeyecek şekilde yapılandırmanız gerekir. Örneğin, ESLint'in "satırı 80 karaktere kısalt" kuralı varsa ve Prettier 100 karakterlik satırlar oluşturuyorsa, sürekli çatışma yaşarsınız.
Karar Alma: Hangi Senaryolar İçin Hangisi?
Sadece ESLint kullananlar: Kod kalitesi ve stil kurallarını kontrol etmek istiyorsanız, ancak otomatik formatlama yapmak istemiyorsanız. Elbette bu durumda geliştiriciler kuralları manuel olarak uygulamalıdır.
Sadece Prettier kullananlar: Formaatlamanın tutarlı olması yeterli ise ve kalite kontrol ihtiyacı yoksa (küçük projeler, kişisel çalışmalar).
Her ikisini birlikte kullananlar: Çoğu profesyonel proje bu seçeneği tercih eder. Prettier otomatik formatlama güvenliği sağlar, ESLint mantıksal hatalar ve standart ihlalleri yakalar.
İstatistiksel olarak bakıldığında, her iki aracı kullanan projelerde kod review süresi kısalır ve insan hatasına bağlı stil tutarsızlıkları neredeyse ortadan kalkar.
Kod stilini belirleme ve formatlama konusunda "hangisini seçerim" sorusu, aslında yanlış bir sorudur. Daha doğru yaklaşım, her aracın ne yaptığını anlamak ve projenizin ihtiyaçlarına uygun şekilde birleştirmektir. ESLint'in algılama ve kontrol gücü ile Prettier'ın otomatik düzeltme yeteneklerini birleştirdiğinizde, hem kaliteli hem de tutarlı bir kod tabanı elde edersiniz. Başlangıçta kurulum biraz karışık görünse de, ekip halinde çalışan projelerde zaman içinde ciddi verimlilik kazanç sağlar.