lint

Author: anilcanboga

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

src/content/learn/building-a-react-framework.md

@@ -20,7 +20,7 @@ For a list of recommended frameworks, check out [Creating a React App](/learn/cr
 
 Building a framework is a large undertaking that often requires expertise in many different areas. Understanding your goals and requirements before starting to build your own framework can help guide your development process and save a considerable amount of time.
 
-For example, if you need to build a framework that integrates with a specific system or infrastructure, it's important to understand the features and limitations of those systems. Understanding your constraints can help guide your framework development process. 
+For example, if you need to build a framework that integrates with a specific system or infrastructure, it's important to understand the features and limitations of those systems. Understanding your constraints can help guide your framework development process.
 
 If you are building your own framework to learn, using popular tools like Vite and React Router can be a good starting point and let you focus on how to combine different tools to build a framework.
 
@@ -134,4 +134,4 @@ There are many other problems that users need to solve like:
 - Static site generation
 - Server-side rendering
 
-Many of these problems individually can be difficult as each problem is interconnected with the others and can require deep expertise in problem areas you may not be familiar with. If you don't want to solve these problems on your own, you can [get started with a framework](/learn/creating-a-react-app) that provides these features out of the box. 
+Many of these problems individually can be difficult as each problem is interconnected with the others and can require deep expertise in problem areas you may not be familiar with. If you don't want to solve these problems on your own, you can [get started with a framework](/learn/creating-a-react-app) that provides these features out of the box.

src/content/learn/conditional-rendering.md

@@ -12,7 +12,7 @@ React bileşenlerinizde çoğu zaman farklı koşullar altında farklı şeyler
 
 * Bir koşula bağlı olarak farklı JSX nasıl döndürülür
 * Koşullu olarak bir JSX parçası nasıl dahil edilir veya hariç tutulur
-* React kod tabanında karşınıza çıkacak yaygın kullanılan kısayol koşul sözdizimleri 
+* React kod tabanında karşınıza çıkacak yaygın kullanılan kısayol koşul sözdizimleri
 
 </YouWillLearn>
 
@@ -52,7 +52,7 @@ export default function PackingList() {
 
 </Sandpack>
 
-Bazı `Item` bileşenlerinin `isPacked` prop'unun `false` (`yanlış`) yerine `true` (`doğru`) olduğuna dikkat edin. Eğer bileşen prop'u `isPacked={true}` ise eşyaların yanında bir tik (✅) işareti olmalı. 
+Bazı `Item` bileşenlerinin `isPacked` prop'unun `false` (`yanlış`) yerine `true` (`doğru`) olduğuna dikkat edin. Eğer bileşen prop'u `isPacked={true}` ise eşyaların yanında bir tik (✅) işareti olmalı.
 
 Bunu bir [`if`/`else` ifadesi](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else) olarak şöyle yazabilirsiniz:
 
@@ -445,7 +445,7 @@ Eğer JavaScript diline aşina değilseniz, bu yöntem çeşitliliği ilk başta
 * Bir JSX ifadesini koşullu olarak bir değişkene atayabilir ve süslü parantez kullanarak ("{}") başka bir JSX'in içine dahil edebilirsiniz.
 * JSX'te, `{cond ? <A /> : <B />}` ifadesi şu anlama gelmektedir: *"eğer `cond` varsa, `<A />`'yı render et, aksi halde `<B />`'yi render et"*.
 * JSX'te, `{cond && <A />}` ifadesi şu anlama gelmektedir: *"eğer `cond` varsa, `<A />`'yı render et, aksi halde hiçbir şey render etme"*.
-* Kod tabanlarında bu kısayolları görmek yaygındır, ancak kendiniz düz `if` ifadesini tercih edebilirsiniz. 
+* Kod tabanlarında bu kısayolları görmek yaygındır, ancak kendiniz düz `if` ifadesini tercih edebilirsiniz.
 
 </Recap>
 

src/content/learn/describing-the-ui.md

@@ -18,7 +18,7 @@ React, kullanıcı arayüzleri (UI) render etmek için kullanılan bir JavaScrip
 * [Bileşenleri koşullu olarak nasıl render edebilirim](/learn/conditional-rendering)
 * [Birden çok bileşeni aynı anda nasıl render edebilirim](/learn/rendering-lists)
 * [Bileşenleri saf tutarak kafa karışıklığına neden olan hatalardan nasıl kaçınılır](/learn/keeping-components-pure)
-* [Kullanıcı arayüzünüzü ağaçlar olarak anlamak neden yararlıdır](/learn/understanding-your-ui-as-a-tree) 
+* [Kullanıcı arayüzünüzü ağaçlar olarak anlamak neden yararlıdır](/learn/understanding-your-ui-as-a-tree)
 
 </YouWillLearn>
 

src/content/learn/editor-setup.md

@@ -33,7 +33,7 @@ Bazı düzenleyiciler bu özelliklerle birlikte gelir, ancak diğerleri bir ekle
 
 Code linter’ları, siz code yazarken code’unuzdaki problemleri bulur ve bunları erken aşamada fix etmenize yardımcı olur. [ESLint](https://eslint.org/), JavaScript için popüler, open source bir linter’dır.
 
-* [React için önerilen ESLint ayarlarını kurmak](https://www.npmjs.com/package/eslint-config-react-app) ([Node'un yüklü](https://nodejs.org/en/download/current/)olduğundan emin olun!) 
+* [React için önerilen ESLint ayarlarını kurmak](https://www.npmjs.com/package/eslint-config-react-app) ([Node'un yüklü](https://nodejs.org/en/download/current/)olduğundan emin olun!)
 * [ESLint'i, VSCode'a resmi eklenti ile entegre edin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
 
 ** [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) kurallarını projeniz için etkinleştirdiğinizden emin olun.

src/content/learn/importing-and-exporting-components.md

@@ -109,7 +109,7 @@ Bu örneğin iki farklı bileşen dosyasına nasıl ayrıldığına dikkat edini
 
 1. `Gallery.js`:
      - Sadece aynı dosya içerisinde kullanılan ve dışa aktarılmayan `Profile` bileşenini tanımlar.
-     - **Varsayılan dışa aktarma** olarak `Gallery` bileşenini dışa aktarır. 
+     - **Varsayılan dışa aktarma** olarak `Gallery` bileşenini dışa aktarır.
 2. `App.js`:
      - `Gallery.js` dosyasından **varsayılan içe aktarma** olarak `Gallery` bileşenini içe aktarır.
      - **Varsayılan dışa aktarma** olarak `App` bileşenini dışa aktarır.
@@ -238,7 +238,7 @@ Artık varsayılan ve adlandırılmış dışa aktarmaları bir arada kullanıyo
 Bu sayfada öğrendikleriniz:
 
 * Kök bileşeni nedir
-* Bir bileşen içe ve dışa nasıl aktarılır 
+* Bir bileşen içe ve dışa nasıl aktarılır
 * Varsayılan ve adlandırılmış içe ve dışa aktarmalar ne zaman ve nasıl kullanılmalıdır
 * Aynı dosya içerisinden birden fazla bileşen nasıl dışarı aktarılabilir
 
@@ -250,7 +250,7 @@ Bu sayfada öğrendikleriniz:
 
 #### Bileşenleri daha fazla ayırın {/*split-the-components-further*/}
 
-Şu anda Gallery.js, hem `Profile`'i hem de `Gallery`i dışa aktarıyor, bu biraz kafa karıştıcı. 
+Şu anda Gallery.js, hem `Profile`'i hem de `Gallery`i dışa aktarıyor, bu biraz kafa karıştıcı.
 
 `Profile` bileşenini kendi `Profile.js` dosyasına taşıyınız, ve sonrasında `App` bileşenini sırasıyla `<Profile />` ve `<Gallery />` render edecek şekilde değiştiriniz.
 

src/content/learn/javascript-in-jsx-with-curly-braces.md

@@ -288,7 +288,7 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-Sorunu bulabilir misin ? 
+Sorunu bulabilir misin ?
 
 <Hint>Süslü parantezlerin içine ne koyduğumuza bakalım. Oraya doğru şeyi mi koyuyoruz?</Hint>
 

src/content/learn/keeping-components-pure.md

@@ -1,5 +1,5 @@
 ---
-title: Bileşenleri Saf Tutmak 
+title: Bileşenleri Saf Tutmak
 ---
 
 <Intro>
@@ -18,7 +18,7 @@ Bazı JavaScript fonksiyonları *saf* olarak adlandırılır. Saf fonksiyonlar s
 
 ## Saflık: Formüller olarak bileşenler {/*purity-components-as-formulas*/}
 
-Bilgisayar biliminde (ve özellikle fonksiyonel programlama dünyasında), [saf bir fonksiyon](https://wikipedia.org/wiki/Pure_function) aşağıdaki özelliklere sahip fonksiyonlardır: 
+Bilgisayar biliminde (ve özellikle fonksiyonel programlama dünyasında), [saf bir fonksiyon](https://wikipedia.org/wiki/Pure_function) aşağıdaki özelliklere sahip fonksiyonlardır:
 
 * **Kendi işine bakar.** Çağrılmadan önce var olan herhangi bir nesneyi ve objeyi değiştirmez.
 * **Aynı girdi, aynı çıktı.** Aynı girdiler verildiğinde, saf bir fonksiyon her zaman aynı sonucu döndürmelidir.
@@ -83,7 +83,7 @@ Tıpkı bir math formula gibi.
 
 Tıpkı bir matematik formülü gibi.
 
-Bileşenlerinizi de bir tarif gibi düşünebilirsiniz: bunları takip eder ve pişirme esnasında yeni malzemeler eklemezseniz, her zaman aynı yemeği yaparsınız. Bu “yemek”, bileşenin React’e [render](/learn/render-and-commit) için sağladığı JSX’tir. 
+Bileşenlerinizi de bir tarif gibi düşünebilirsiniz: bunları takip eder ve pişirme esnasında yeni malzemeler eklemezseniz, her zaman aynı yemeği yaparsınız. Bu “yemek”, bileşenin React’e [render](/learn/render-and-commit) için sağladığı JSX’tir.
 
 <Illustration src="/images/docs/illustrations/i_puritea-recipe.png" alt="A tea recipe for x people: take x cups of water, add x spoons of tea and 0.5x spoons of spices, and 0.5x cups of milk" />
 

src/content/learn/manipulating-the-dom-with-refs.md

@@ -1146,7 +1146,7 @@ button { display: block; margin-bottom: 10px; }
 
 <Solution>
 
-`SearchButton`'a bir `onClick` prop'u eklemeniz ve `SearchButton` bunu tarayıcıya `<button>`'a iletmesini sağlamanız gerekir. Ayrıca `<SearchInput>`'a bir ref ileteceksiniz bu da onu asıl `<input>`'a iletecek ve onu dolduracaktır. Son olarak tıklama yöneticisinde bu ref içinde depolanan DOM elemanına `focus`'u çağırmalısınız. 
+`SearchButton`'a bir `onClick` prop'u eklemeniz ve `SearchButton` bunu tarayıcıya `<button>`'a iletmesini sağlamanız gerekir. Ayrıca `<SearchInput>`'a bir ref ileteceksiniz bu da onu asıl `<input>`'a iletecek ve onu dolduracaktır. Son olarak tıklama yöneticisinde bu ref içinde depolanan DOM elemanına `focus`'u çağırmalısınız.
 
 <Sandpack>
 

src/content/learn/passing-data-deeply-with-context.md

@@ -38,7 +38,7 @@ Prop drilling
 
 </DiagramGroup>
 
-Veriyi prop'lar ile aktarmadan ağaçtaki bileşenlere "ışınlamanın" bir yolu olsa harika olmaz mıydı? React'ın context özelliği sayesinde bu mümkün! 
+Veriyi prop'lar ile aktarmadan ağaçtaki bileşenlere "ışınlamanın" bir yolu olsa harika olmaz mıydı? React'ın context özelliği sayesinde bu mümkün!
 
 ## Context: prop'ları aktarmanın alternatif bir yolu {/*context-an-alternative-to-passing-props*/}
 
@@ -977,17 +977,17 @@ export const places = [{
   imageId: 'DgXHVwu'
 }, {
   id: 3,
-  name: 'Brezilya, Rio de Janeiro’daki Selarón Merdivenleri', 
+  name: 'Brezilya, Rio de Janeiro’daki Selarón Merdivenleri',
   description: 'Bu landmark, Şili doğumlu sanatçı Jorge Selarón tarafından "Brezilya halkına bir saygı duruşu" olarak oluşturuldu.', imageId: 'aeO3rpI'
 }, {
-  id: 4, 
-  name: 'Burano, İtalya', 
-  description: 'Evler, geçmişi 16. yüzyıla dayanan belirli bir color system’e göre boyanmıştır.', 
+  id: 4,
+  name: 'Burano, İtalya',
+  description: 'Evler, geçmişi 16. yüzyıla dayanan belirli bir color system’e göre boyanmıştır.',
   imageId: 'kxsph5C'
 }, {
-  id: 5, 
-  name: 'Chefchaouen, Fas', 
-  description: 'Evlerin neden maviye boyandığına dair birkaç teori vardır; bunlar arasında rengin sivrisinekleri uzaklaştırması veya gökyüzünü ve cenneti sembolize etmesi bulunur.', 
+  id: 5,
+  name: 'Chefchaouen, Fas',
+  description: 'Evlerin neden maviye boyandığına dair birkaç teori vardır; bunlar arasında rengin sivrisinekleri uzaklaştırması veya gökyüzünü ve cenneti sembolize etmesi bulunur.',
   imageId: 'rTqKo46'
 }, {
   id: 6,