Bir React Native projesine ESLint eklenmesi

Not: VSCode üzerinde nasıl kullanılır onu anlatacağım.

Merhabalar, bu yazımda bir ReactNative projesine ESLint ektensinin nasıl yapılacağını anlatacağım.

ESLint nedir?

Bir projeye başlarken belli bir kod standartında yazmanı sağlayan yanlış yazdığında uyaran ESLint plugin’i ile hata yapmaktan korkmadığın güzel bir araç.

ilk olarak global şekilde eslint npm package’dan yükluyoruz.

npm install -g eslint

Önceden oluşturduğumuz ReactNative projemizi VSCode ile açıyoruz.

Bir React Native projesi nasıl oluşturulur diyorsan şu yazıya bakabilirsin:

React Native ile İlk Projeyi Oluşturmak

Nerde kalmıştık. VSCode extension bölümünü açıyoruz. “ESLint” olarak arayın ve kurun.

Kurduktan sonra VSCode tekrar açın.

Şimdi ESLint projeye nasıl ekleyeceğiz onu anlatacağım;

Terminalden proje dizini açın ve şu kodları çalıştırın:

npm install --save-dev eslint-config-rallycoding

yükleme bittikten sonra package.json dosyası ile aynı dizinde olacak şekilde “.eslintrc” dosyası oluşturun ve içine aşağıdaki kodu yazın.

{

“extends”: “rallycoding”

}

İyi Çalışmalar…