ESLint ve ES2015 Eşleştirme Testi

add = İki sayıyı toplar square = Bir sayının karesini alır addAndSquare = İki sayıyı toplar ve sonucu kare alır UI = Uygulama durumunu alarak bir UI oluşturur

Dante = Kitabın yazarının oğlu Clay Diffrient = Kitabın editörü Rachael = Kitabın yazarının eşi Roger = Kitabın yazarının oğlu

www.PacktPub.com = Packt'in eKitap sürümlerine yükseltme fırsatı sağladığı web sitesi [email protected] = Packt ile iletişime geçme adresi https://www.packtpub.com/mapt = Paketlenmiş olan her kitap için daha fazla bilgi edinebileceğiniz web sitesi

<p>off (veya 0) = Kural devre dışıdır. warn (veya 1) = Kural bir uyarıdır. error (veya 2) = Kural bir hata üretir.</p> Signup and view all the answers

<p>'always' = Noktalı virgül her zaman kullanılmalıdır. 'never' = Noktalı virgül hiçbir zaman kullanılmamalıdır.</p> Signup and view all the answers

<p>'extends' = ESLint yapılandırma dosyasından önerilen kuralları genişletir. 'rules' = Temel ESLint yapılandırma dosyasındaki belirli kuralları geçersiz kılmak için kullanılır.</p> Signup and view all the answers

<p>'Extra semicolon (semi)' = Kural, noktalı virgül kullanımı için etkin değil. 'no-unused-vars' = foo değişkeni tanımlanmış ancak hiç kullanılmamıştır.</p> Signup and view all the answers

<p>'ecmaVersion' = ESLint'in hangi JavaScript sürümünü ayrıştırmasını istediğimizi belirler. 'parserOptions' = Ayrıştırma işlemini özelleştirmek için kullanılır.</p> Signup and view all the answers

<p>'Parsing error: The keyword 'const' is reserved' = const anahtar sözcüğü ES2015 öncesinde ayrıştırıcı tarafından desteklenmez. 'Unused variable' = const ile tanımlanan bir değişken kullanılmamış.</p> Signup and view all the answers

<p>ESLint kuralları kod kalitesini iyileştirmek ve tutarlılığı sağlamak için kullanılır. = ESLint kuralları kod kalitesini iyileştirmek ve tutarlılığı sağlamak için kullanılır. ESLint kuralları kod performansını artırmak için kullanılır. = ESLint kuralları kod performansını artırmak için kullanılır.</p> Signup and view all the answers

<p>'extends: 'eslint:recommended'' = ESLint'in önerilen kurallarını etkinleştirir. 'rules: 'no-unused-vars: 'error''' = Belirli bir kuralı geçersiz kılar.</p> Signup and view all the answers

<p><code>{user.name}</code> = Kullanıcı adı değişkenini gösterir. <code>[ 36 ]</code> = Kodeks sayısını gösterir. <code>Welcome back!</code> = Ekrana hoş geldiniz mesajı gösterir. <code>this.userExists &amp;&amp; this.renderUserMenu()</code> = Kullanıcı var ise kullanıcı menüsünü gösterir.</p> Signup and view all the answers

<p><code>eslint-plugin-jsx-control-statements</code> = JSX kontrol ifadeleri için linting sağlar. <code>map</code> = Dizi elemanlarını dönüştürmek için kullanılır. <code>sub-render</code> = Büyük render fonksiyonlarını daha küçük fonksiyonlara ayırır. <code>Redux</code> = Uygulama durumu yönetimine yardımcı olur.</p> Signup and view all the answers

<p><code>transpile</code> = JSX kodu JavaScript'e dönüştürme işlemi. <code>linting</code> = Kod kalitesini ve potansiyel hataları kontrol etme. <code>render method</code> = Bir bileşenin çıktı çıktısını oluşturan yöntem. <code>JSX</code> = JavaScript ile HTML'yi birleştirmek için kullanılan bir dil uzantısı.</p> Signup and view all the answers

<p><code>sub-render</code> = Büyük render fonksiyonlarını daha küçük fonksiyonlara ayırır. <code>linting</code> = Kod kalitesini ve potansiyel hataları kontrol eder. <code>ESLint</code> = Popüler bir linting aracıdır. <code>Redux</code> = Uygulama durumu yönetimine yardımcı olur.</p> Signup and view all the answers

<p><code>renderUserMenu()</code> = Kullanıcı menüsünü rendera etme. <code>renderAdminMenu()</code> = Yönetici menüsünü rendera etme. <code>return ( )</code> = Bir bileşenin çıktı çıktısını döndürür. <code>{this.userIsAdmin &amp;&amp; this.renderAdminMenu()}</code> = Kullanıcı yönetici ise yönetici menüsünü gösterir.</p> Signup and view all the answers

<p><code>sub-rendering</code> = Büyük render fonksiyonlarını daha küçük fonksiyonlara ayırır. <code>ESLint</code> = Kod kalitesini ve potansiyel hataları kontrol eder. <code>JSX</code> = JavaScript ile HTML'yi birleştirmek için kullanılan bir dil uzantısı. <code>transpile</code> = JSX kodu JavaScript'e dönüştürme işlemi.</p> Signup and view all the answers

<p><code>sub-render</code> = Büyük render fonksiyonlarını daha küçük fonksiyonlara ayırır. <code>JSX</code> = JavaScript ile HTML'yi birleştirmek için kullanılan bir dil uzantısı. <code>Redux</code> = Uygulama durumu yönetimine yardımcı olur. <code>transpile</code> = JSX kodu JavaScript'e dönüştürme işlemi.</p> Signup and view all the answers

<p>Bölüm 8: Sunucu Tarafı İşleme (Server-Side Rendering) = React'in en güçlü özelliklerinden biri olan sunucu tarafı işlemeyi ele alır. Bölüm 9: Uygulamalarınızın Performansını Artırın = Kullanıcı katılımını en üst düzeye çıkarmak için web uygulamaları için performansın önemini vurgular. Bölüm 10: Test Etme ve Hata Ayıklama = Uygulama kararlılığını sağlamak ve hata ayıklama tekniklerini öğrenmek için test etmenin önemini açıklar. Bölüm 11: Önlenmesi Gereken Anti-Desenler = Uygulama geliştirme sürecinde sık görülen anti-desenleri ele alarak doğru yaklaşımı tanıtır.</p> Signup and view all the answers

<p>Hızlı uygulamalar oluşturmak için React'in sunduğu araçları ve teknikleri keşfedin. = Bölüm 9: Uygulamalarınızın Performansını Artırın Karmaşık uygulamalar oluşturmak için temel React konularında derinlemesine bilgi edinin. = Bölüm 1: React'e Giriş Olası sorunları önlemek için yaygın anti-desenleri ele alın. = Bölüm 11: Önlenmesi Gereken Anti-Desenler Hata ayıklama ve test teknikleri ile uygulamanızın sağlam ve sürdürülebilir olmasını sağlayın. = Bölüm 10: Test Etme ve Hata Ayıklama</p> Signup and view all the answers

<p>Web uygulamaları oluşturmak için temel Javascript bilgisi. = Üzerine kurulu. React'in temel ilkelerine hakim olmak. = Üzerine kurulu. Sunucu tarafı işleme ve performans optimizasyonu bilgisi. = Bu kitap sizin için. Uygulama kararlılığını sağlamak için test ve hata ayıklama becerileri. = Bu kitap sizin için.</p> Signup and view all the answers

<p>İnternet bağlantısının yavaş olduğu durumlarda uygulamanın performansını iyileştirmek. = Bölüm 9: Uygulamalarınızın Performansını Artırın Uygulamada oluşabilecek olası hataları önceden tespit etmek. = Bölüm 10: Test Etme ve Hata Ayıklama Uygulamanın sunucu tarafında işlenmesini sağlamak. = Bölüm 8: Sunucu Tarafı İşleme (Server-Side Rendering) Uygulamanın karmaşıklığına rağmen sürdürülebilir ve sağlam kalmasını sağlamak. = Bölüm 11: Önlenmesi Gereken Anti-Desenler</p> Signup and view all the answers

<p>Uygulama performansını etkileyen faktörler. = Bölüm 9: Uygulamalarınızın Performansını Artırın Sunucu tarafı işleme teknikleri. = Bölüm 8: Sunucu Tarafı İşleme (Server-Side Rendering) Test ve hata ayıklama araçları. = Bölüm 10: Test Etme ve Hata Ayıklama Uygulama geliştirmede doğru ve yanlış uygulamalar. = Bölüm 11: Önlenmesi Gereken Anti-Desenler</p> Signup and view all the answers

<p>Hızlı ve duyarlı web uygulamaları oluşturmak. = Bölüm 9: Uygulamalarınızın Performansını Artırın Uygulamanızın kararlılığını ve güvenilirliğini sağlamak. = Bölüm 10: Test Etme ve Hata Ayıklama Sunucu tarafından işlenen React uygulamaları oluşturmak. = Bölüm 8: Sunucu Tarafı İşleme (Server-Side Rendering) Yaygın uygulama hatalarından kaçınmak ve daha iyi bir kod kalitesi sağlamak. = Bölüm 11: Önlenmesi Gereken Anti-Desenler</p> Signup and view all the answers

<p>Üst düzey JavaScript bilgisi React'i öğrenmek için yeterlidir. = Üzerine kurulu. Performans, kullanıcı deneyimini etkileyen önemli bir faktördür. = Bölüm 9: Uygulamalarınızın Performansını Artırın Testler, uygulama kararlılığını sağlamak için olmazsa olmazdır. = Bölüm 10: Test Etme ve Hata Ayıklama Uygulama geliştirme sürecinde, yaygın anti-desenlere dikkat etmek önemlidir. = Bölüm 11: Önlenmesi Gereken Anti-Desenler</p> Signup and view all the answers

<p>Sunucu tarafı işleme ile ilgili temel kavramlar. = Bölüm 8: Sunucu Tarafı İşleme (Server-Side Rendering) React ile geliştirilen uygulamaların performansını artırma teknikleri. = Bölüm 9: Uygulamalarınızın Performansını Artırın Hata ayıklama araçlarının kullanımı ve en iyi uygulamalar. = Bölüm 10: Test Etme ve Hata Ayıklama Uygulamada kullanılan tasarım kalıpları ve anti-desenler. = Bölüm 11: Önlenmesi Gereken Anti-Desenler</p> Signup and view all the answers

<p><code>const toLowerCase = input =&gt; {const output = []for (let i = 0; i &lt; input.length; i++) {output.push(input[i].toLowerCase())}return output}</code> = Imperative <code>const toLowerCase = input =&gt; input.map(value =&gt; value.toLowerCase())</code> = Declarative <code>Take a glass from the shelf Put the glass in front of the draft Pull down the handle until the glass is full Pass me the glass</code> = Imperative <code>Beer, please.</code> = Declarative</p> Signup and view all the answers

<p>Kodun yürütülme sırasına odaklanır. = Imperative Fonksiyonların nasıl çalıştığını belirtir. = Imperative Sonucun ne olacağını belirtir. = Declarative Verilerin nasıl değiştirileceğini belirtir. = Imperative</p> Signup and view all the answers

<p>Değişkenler ve döngüler sıklıkla kullanılır. = Imperative Veriler üzerinde dönüşümler uygulanır. = Declarative Kod daha anlaşılır ve okunabilirdir. = Declarative Kod daha karmaşık ve uzun olabilir. = Imperative</p> Signup and view all the answers

<p>Durumun(state) güncellenmesi. = Imperative Yüksek düzeyde soyutlama. = Declarative Fonksiyonel programlama. = Declarative Yöntem çağrıları. = Imperative</p> Signup and view all the answers

<p>JavaScript = Declarative Python = Declarative C = Imperative Java = Imperative</p> Signup and view all the answers

<p>Bir bardağa bira istemek. = Declarative Bir bardan bira almak için adım adım talimatlar vermek. = Imperative Bir web sayfasının nasıl oluşturulacağını tanımlamak. = Declarative Bir web sayfasındaki bir elemanın nasıl değiştirileceğini belirlemek. = Imperative</p> Signup and view all the answers

<p><code>const toLowerCase = input =&gt; input.map(value =&gt; value.toLowerCase());</code> = Declarative <code>for (let i = 0; i &lt; liste.length; i++) {liste[i] *= 2}</code> = Imperative <code>const result = data.filter(item =&gt; item.age &gt; 18)</code> = Declarative <code>let counter = 0; while (counter &lt; 10) { ... counter++; }</code> = Imperative</p> Signup and view all the answers

<p>Daha az kod, daha yüksek okunabilirlik. = Declarative Daha fazla kontrol, daha düşük hata olasılığı. = Imperative Daha karmaşık işlemler için uygun. = Imperative Daha basit ve öz kod. = Declarative</p> Signup and view all the answers

JavaScript tutkunu ve React geliştiricisi.

Kullanıcı arayüzleri oluşturmak için kullanılan bir JavaScript kütüphanesi.

Open source bir öğrenim yönetim sistemi.

Öğrenim süreçlerini yönetmek için yazılım.

Teknik kitaplar ve eğitim materyalleri yayımlayan bir firma.

Packt kitapları ve video kurslarına erişim sağlayan bir platform.

Baskı kitabı satın alanların e-kitap versiyonuna indirimli geçiş yapabilmesi.

Ürün geliştirmek için alıcıların görüşleri.

Adım adım talimat vererek bir işlem gerçekleştiren programlama tarzı.

Sonucu belirterek ne yapılacağını açıklayan programlama tarzı.

Girdi dizisini küçük harflere dönüştüren adım adım fonksiyon.

Girdi dizisindeki elemanları 'map' fonksiyonu ile küçük harflere dönüştüren fonksiyon.

Dizinin her elemanına işlemi uygular ve yeni bir dizi döner.

Kodun sonraki dönemlerde okunabilir ve değiştirilebilir olma durumu.

Programlama sırasında verilerin saklandığı isimlendirilmiş alanlar.

Programın çalışma sırasında verilerin değiştiği durumlar.

Sadece sözdizimsel şeker olan, döngülerin yönetimi için bir bileşen.

Kod kalitesini kontrol etmek için kullanılan bir araçtır.

JSX kontrol ifadeleri için bir eslint eklentisi.

Büyük render yöntemlerini küçültmek için kullanılan alt yöntemlerdir.

Kodun tekrar kullanımını artırmak için oluşturulan bağımsız yapı taşlarıdır.

Bileşenin görünümünü belirten ve JSX içeren bir fonksiyondur.

JavaScript kodunun doğruluğunu kontrol eden bir araçtır.

Yüksek dereceli fonksiyonları, saf fonksiyonları ve kompozisyonu kullanan bir programlama paradigmaları.

Girdi olarak aynı değeri her zaman aynı çıktıyı veren bir fonksiyon.

Birden fazla fonksiyonun çıktısını başka bir fonksiyonda kullanma yöntemi.

JavaScript ile XML benzeri sözdizimini kullanan bir yapı.

React içinde UI elemanları oluşturan bağımsız ve yeniden kullanılabilir yapı.

Aynı girdi ile her zaman aynı çıktıyı veren fonksiyon.

Durum (state) tutmayan fonksiyon tabanlı React bileşeni.

ESLint kuralları, 'off', 'warn' ve 'error' şeklinde üç seviyeye sahiptir.

Kural devre dışı bırakılmıştır; ESLint hatası vermez.

Kural bir uyarı olarak gösterilir, hata vermez ama dikkat çeker.

Kural ihlal edildiğinde hata oluşturur ve durumu gösterir.

.eslintrc, ESLint yapılandırma dosyasıdır ve kurallar burada belirtilir.

'extends' anahtarıyla varsayılan ESLint kurallarını genişletebiliriz.

'parserOptions', kodun hangi ECMAScript sürümünü kullanacağını belirtir.

'ecmaVersion', ESLint'e kullanılacak ECMAScript sürümünü belirtir.

React'in en büyük özelliklerinden biri, sunucu tarafı oluşturmadır.

Web'de performans, kullanıcıların etkileşimini sağlamak için kritik bir faktördür.

Kapsamlı testler, uygulamaların kararlı ve sürdürülebilir olmasına yardımcı olur.

Hata ayıklama, sorunları mümkün olan en erken aşamada bulmak için kritik bir süreçtir.

Büyük kod tabanlarında bazı çözüm yolları tehlikeli olabilir; bu yüzden kaçınılması gereken anti-deseni öğrenin.

Topluluğa katkıda bulunmak için bileşenlerin açık kaynak hale getirilmesi önemlidir.

React ve ekosistemi üzerinde çalışmak; yeni bileşenler oluşturmayı ve paylaşmayı içerir.

Bu kitap için bir bilgisayara, bir terminale, node.js/npm ortamına ve bir tarayıcıya ihtiyaç vardır.