diff --git a/TRANSLATION.md b/TRANSLATION.md
index 1fe16ca5d..cdee64dc0 100644
--- a/TRANSLATION.md
+++ b/TRANSLATION.md
@@ -12,7 +12,7 @@ Bölümlerin başlıkları aşağıdaki gibi süslü parantezler içerisinde yer
## Try React {#try-react}
```
-**Bu tanımlayıcıları çevirmeyiniz**. Çünkü bu tanımlayıcılar link mantığında çalışırlar ve sayfalar arası gezinme için kullanılırlar. Bu nedenle harici olarak oluşturulurlarsa düzgün çalışmazlar.
+**Bu tanımlayıcıları çevirmeyiniz**. Çünkü bu tanımlayıcılar link mantığında çalışırlar ve sayfalar arası gezinme için kullanılırlar. Bu nedenle harici olarak oluşturulurlarsa düzgün çalışmazlar.
✅ Doğru:
@@ -30,9 +30,10 @@ Bu kullanım, yukarıdaki bağlantının çalışmamasına neden olur.
## Kod Bloklarındaki Metin
-Metindeki yorumlar haricinde yer alan kod bloklarını çevirmeyiniz. İsteğe bağlı olarak HTML'de görüntülenecek metinleri çevirebilirsiniz, ancak değişken, fonksiyon adı, sınıf ismi, DOM elemanı id'si gibi kodun çalışmasını direkt olarak etkileyen kısımları çevirmeyiniz.
+Metindeki yorumlar haricinde yer alan kod bloklarını çevirmeyiniz. İsteğe bağlı olarak HTML'de görüntülenecek metinleri çevirebilirsiniz, ancak değişken, fonksiyon adı, sınıf ismi, DOM elemanı id'si gibi kodun çalışmasını direkt olarak etkileyen kısımları çevirmeyiniz.
Örnek:
+
```js
// Example
const element =
Hello, world
;
@@ -62,7 +63,7 @@ ReactDOM.render(element, document.getElementById('root'));
const element =
Merhaba dünya
;
// "root", DOM'da yer alan bir elemanın id'sini ifade eder.
// Çevirmeyiniz
-ReactDOM.render (element, document.getElementById ('kök'));
+ReactDOM.render(element, document.getElementById('kök'));
```
❌ Kesinlikle yanlış:
@@ -75,11 +76,11 @@ ReactDOM.işle(bileşen, document.idKullanarakElemanıGetir('kök'));
## Dış Bağlantılar
-Sayfada yer alan [MDN] veya [Wikipedia] gibi harici bağlantılar diğer bir makaleye yönelikse ve bu makalenin Türkçe dilinde kabul edilebilir kalitede bir sürümü varsa, bağlantıyı bu sürümünkiyle değiştirmeyi düşününüz.
+Sayfada yer alan [MDN] veya [Wikipedia] gibi harici bağlantılar diğer bir makaleye yönelikse ve bu makalenin Türkçe dilinde kabul edilebilir kalitede bir sürümü varsa, bağlantıyı bu sürümünkiyle değiştirmeyi düşününüz.
-[MDN]: https://developer.mozilla.org/en-US/
-[Wikipedia]: https://en.wikipedia.org/wiki/Main_Page
-[EksiSozluk]: https://eksisozluk.com/
+[mdn]: https://developer.mozilla.org/en-US/
+[wikipedia]: https://en.wikipedia.org/wiki/Main_Page
+[eksisozluk]: https://eksisozluk.com/
Örnek:
@@ -103,46 +104,46 @@ Tutarlılığı korumak ve okura saygı ve incelik ile hitap etmek için, you ke
Bu tür teknik belgelerde yaygın olarak kullanılan terimlerin çevirisi için bazı öneriler aşağıdaki şekilde alfabetik olarak sıralanmıştır.
-| Orijinal kelime / terim | Öneri |
-| ------------------------- | ---------- |
-| array | dizi |
-| arrow function | ok fonksiyonu |
-| attribute | özellik |
-| bug | hata |
-| bundler | paketleyici |
-| callback | callback |
-| camelCase | camelCase |
-| child | alt / alt eleman |
-| controlled component | kontrollü bileşen |
-| debugging | hata ayıklama |
-| DOM | DOM |
-| event | olay |
-| event handler | olay yöneticisi |
-| external | harici |
-| fragment | fragment |
-| framework | çatı |
-| function component | fonksiyon bileşeni |
-| handler | yönetici |
-| hook | hook |
-| instance | nesne |
-| internal | dahili |
-| key | anahtar |
-| lazy initialization | lazy başlatım |
-| library | kütüphane |
-| lowercase | küçük harf |
-| parent | üst / üst eleman |
-| production | canlı ortam / canlı |
-| props | prop'ları |
-| pure | saf olarak / saf halde |
-| React element | React elemanı |
-| Reference | Başvuru dokümanı |
-| render | render etmek |
-| shallow rendering | yüzeysel render'lama / render etme |
-| state | state |
-| string | string |
-| template literals | template literal'leri |
-| Try it on CodePen | CodePen'de deneyin |
-| uncontrolled component | kontrolsüz bileşen |
-| effect | efekt `*`|
-
- * ozel olarak `useEffect` ya da `useLayoutEffect` tarzi hooklardan bahsedilen yerlerde oldugu gibi tutabiliriz. Ama genel olarak konsepte deginildigi yerlerde `efekt` olarak cevirebiliriz.
+| Orijinal kelime / terim | Öneri |
+| ----------------------- | ---------------------------------- |
+| array | dizi |
+| arrow function | ok fonksiyonu |
+| attribute | özellik |
+| bug | hata |
+| bundler | paketleyici |
+| callback | callback |
+| camelCase | camelCase |
+| child | alt / alt eleman |
+| controlled component | kontrollü bileşen |
+| debugging | hata ayıklama |
+| DOM | DOM |
+| event | olay |
+| event handler | olay yöneticisi |
+| external | harici |
+| fragment | fragment |
+| framework | framework |
+| function component | fonksiyon bileşeni |
+| handler | yönetici |
+| hook | hook |
+| instance | nesne |
+| internal | dahili |
+| key | anahtar |
+| lazy initialization | lazy başlatım |
+| library | kütüphane |
+| lowercase | küçük harf |
+| parent | üst / üst eleman |
+| production | canlı ortam / canlı |
+| props | prop'ları |
+| pure | saf olarak / saf halde |
+| React element | React elemanı |
+| Reference | Başvuru dokümanı |
+| render | render etmek |
+| shallow rendering | yüzeysel render'lama / render etme |
+| state | state |
+| string | string |
+| template literals | template literal'leri |
+| Try it on CodePen | CodePen'de deneyin |
+| uncontrolled component | kontrolsüz bileşen |
+| effect | efekt `*` |
+
+- ozel olarak `useEffect` ya da `useLayoutEffect` tarzi hooklardan bahsedilen yerlerde oldugu gibi tutabiliriz. Ama genel olarak konsepte deginildigi yerlerde `efekt` olarak cevirebiliriz.
diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index ae4b0d23a..efdbdc8df 100644
--- a/src/components/Layout/HomeContent.js
+++ b/src/components/Layout/HomeContent.js
@@ -238,14 +238,14 @@ export function HomeContent() {
- Bir çatı ile tam özellikli geliştirmeler yapın
+ Bir framework ile tam özellikli geliştirmeler yapın
React bir kütüphanedir. Bileşenleri bir araya getirmenize olanak
sağlar, ancak yönlendirme ve veri çekme gibi konularda nasıl
yapılacağına dair talimat vermez. React ile tüm bir uygulama
oluşturmak için Next.js{' '}
veya Remix gibi tam
- özellikli React çatılarını öneriyoruz.
+ özellikli React framework'lerini öneriyoruz.
@@ -253,17 +253,18 @@ export function HomeContent() {
- React aynı zamanda bir mimaridir. Onu kullanan çatılar, sunucuda
- çalışan asenkron bileşenlerde veya hatta derleme sırasında veri
- çekmenize olanak tanır. Bir dosyadan veya veritabanından veri
- okuyun ve bunu interaktif bileşenlerinize aktarın.
+ React aynı zamanda bir mimaridir. Onu kullanan
+ framework'leri, sunucuda çalışan asenkron bileşenlerde veya
+ hatta derleme sırasında veri çekmenize olanak tanır. Bir dosyadan
+ veya veritabanından veri okuyun ve bunu interaktif bileşenlerinize
+ aktarın.
- Bir çatı ile başlayın
+ Bir framework ile başlayın
diff --git a/src/content/blog/index.md b/src/content/blog/index.md
index f4955b5b8..9d6a18e13 100644
--- a/src/content/blog/index.md
+++ b/src/content/blog/index.md
@@ -42,7 +42,7 @@ React Labs yazılarında, aktif araştırma ve geliştirme aşamasındaki projel
-Geleneksel olarak, yeni React özellikleri önce sadece Meta'da kullanılabilir ve daha sonra açık kaynak sürümlerinde yer alırdı. React topluluğuna, Meta'nın React'i dahili olarak kullanmasına benzer şekilde, tasarımları son haline yaklaşır yaklaşmaz bireysel yeni özellikleri benimseme seçeneği sunmak istiyoruz. Resmi olarak desteklenen yeni bir Canary sürüm kanalı sunuyoruz. Bu, çatı'lar gibi küratörlü kurulumların bireysel React özelliklerinin benimsenmesini React sürüm programından ayırmasına olanak tanır.
+Geleneksel olarak, yeni React özellikleri önce sadece Meta'da kullanılabilir ve daha sonra açık kaynak sürümlerinde yer alırdı. React topluluğuna, Meta'nın React'i dahili olarak kullanmasına benzer şekilde, tasarımları son haline yaklaşır yaklaşmaz bireysel yeni özellikleri benimseme seçeneği sunmak istiyoruz. Resmi olarak desteklenen yeni bir Canary sürüm kanalı sunuyoruz. Bu, framework'ler gibi küratörlü kurulumların bireysel React özelliklerinin benimsenmesini React sürüm programından ayırmasına olanak tanır.
diff --git a/src/content/learn/importing-and-exporting-components.md b/src/content/learn/importing-and-exporting-components.md
index b1355f0e8..80a05120d 100644
--- a/src/content/learn/importing-and-exporting-components.md
+++ b/src/content/learn/importing-and-exporting-components.md
@@ -51,11 +51,11 @@ img { margin: 0 10px 10px 0; height: 90px; }
```
-Bu örnekte, bileşenler `App.js` adlı bir **kök bileşen dosyası**'nın içerisinde barınmaktadır. [Create React App](https://create-react-app.dev/)'de uygulamanız `src/App.js` dosyası içinde barınmaktadır. Fakat kurulumunuza bağlı olarak kök bileşeniniz başka bir dosyanın içerisinde olabilir. Eğer dosya tabanlı yönlendirmesi olan bir çatı kullanıyorsanız, kök bileşeniniz her sayfa için ayrı olacaktır.
+Bu örnekte, bileşenler `App.js` adlı bir **kök bileşen dosyası**'nın içerisinde barınmaktadır. [Create React App](https://create-react-app.dev/)'de uygulamanız `src/App.js` dosyası içinde barınmaktadır. Fakat kurulumunuza bağlı olarak kök bileşeniniz başka bir dosyanın içerisinde olabilir. Eğer dosya tabanlı yönlendirmesi olan bir framework kullanıyorsanız, kök bileşeniniz her sayfa için ayrı olacaktır.
## Bileşenleri içe ve dışa aktarma {/*exporting-and-importing-a-component*/}
-Bu örnekte bileşenler `App.js` adlı bir **kök bileşen dosyasında** bulunmaktadır. Kurulumunuza bağlı olarak, kök bileşeniniz (root component) başka bir dosyada olabilir. Next.js gibi dosya tabanlı yönlendirmeye sahip bir çatı (framework) kullanıyorsanız, kök bileşeniniz her sayfa için farklı olacaktır.
+Bu örnekte bileşenler `App.js` adlı bir **kök bileşen dosyasında** bulunmaktadır. Kurulumunuza bağlı olarak, kök bileşeniniz (root component) başka bir dosyada olabilir. Next.js gibi dosya tabanlı yönlendirmeye sahip bir framework kullanıyorsanız, kök bileşeniniz her sayfa için farklı olacaktır.
Eğer açılış ekranını değiştirmek ve bilim kitaplarının bir listesini koymak isterseniz ne olur? Veya tüm profilleri başka bir yere yerleştirmek isterseniz? Bu durumda `Galeri` ve `Profil` bileşenlerini kök bileşen dosyasından çıkarmak mantıklıdır. Bu, onların daha modüler olmasını ve diğer dosyalarda yeniden kullanılabilir olmasını sağlayacaktır. Bir bileşeni üç adımda taşıyabilirsiniz:
diff --git a/src/content/learn/index.md b/src/content/learn/index.md
index 3384ec392..2420afa06 100644
--- a/src/content/learn/index.md
+++ b/src/content/learn/index.md
@@ -111,7 +111,7 @@ Daha sonra CSS kurallarını ayrı bir CSS dosyasında yazarsınız:
}
```
-React, CSS dosyalarınız nasıl ekleyeceğinizi belirtmez. En basit durumda, HTML'inize bir [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) elemanı eklersiniz. Bir derleme aracı veya çatı kullanıyorsanız, projenize nasıl CSS dosyası ekleyeceğinizi öğrenmek için dokümantasyonlara başvurun.
+React, CSS dosyalarınız nasıl ekleyeceğinizi belirtmez. En basit durumda, HTML'inize bir [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) elemanı eklersiniz. Bir derleme aracı veya framework kullanıyorsanız, projenize nasıl CSS dosyası ekleyeceğinizi öğrenmek için dokümantasyonlara başvurun.
## Veri gösterme {/*displaying-data*/}
diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md
index 0071db30e..f013e9c2e 100644
--- a/src/content/learn/installation.md
+++ b/src/content/learn/installation.md
@@ -47,7 +47,7 @@ Mevcut bir site üzerinde çalışıyorsanız ve biraz React eklemeniz gerekiyor
## Bir React projesi oluşturun {/*start-a-react-project*/}
-Eğer [bağımsız bir React projesine](/learn/start-a-new-react-project) başlamaya hazırsanız, tatlı bir geliştirici deneyimi için minimal bir araç zinciri kurabilirsiniz. Ayrıca, halihazırda sizin için birçok karar veren bir çatı ile de başlayabilirsiniz.
+Eğer [bağımsız bir React projesine](/learn/start-a-new-react-project) başlamaya hazırsanız, tatlı bir geliştirici deneyimi için minimal bir araç zinciri kurabilirsiniz. Ayrıca, halihazırda sizin için birçok karar veren bir framework ile de başlayabilirsiniz.
## Sonraki adımlar {/*next-steps*/}
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 39ee93c6b..b6a781c0a 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -38,7 +38,7 @@ Bir bileşenin render edilmesi için iki sebep vardır:
### İlk render {/*initial-render*/}
-Uygulamanız başladığında, ilk render'ı tetiklemeniz gerekmektedir. Çatılar ve sandbox'lar bazen bu kodu gizlerler ancak bu, hedef DOM node'unun [`createRoot`](/reference/react-dom/client/createRoot) ile çağrılması ve ardından bileşeninizle o DOM node'unun `render` metodu çağrılarak ilk render tetiklenir:
+Uygulamanız başladığında, ilk render'ı tetiklemeniz gerekmektedir. Framework'ler ve sandbox'lar bazen bu kodu gizlerler ancak bu, hedef DOM node'unun [`createRoot`](/reference/react-dom/client/createRoot) ile çağrılması ve ardından bileşeninizle o DOM node'unun `render` metodu çağrılarak ilk render tetiklenir:
diff --git a/src/content/learn/start-a-new-react-project.md b/src/content/learn/start-a-new-react-project.md
index ba157076e..829010c3c 100644
--- a/src/content/learn/start-a-new-react-project.md
+++ b/src/content/learn/start-a-new-react-project.md
@@ -4,20 +4,20 @@ title: Yeni bir React Projesi Başlatma
-Yeni bir uygulama veya tamamen React ile yeni bir web sitesi oluşturmak istiyorsanız, toplulukta popüler olan React destekli çatılardan birini seçmenizi öneririz.
+Yeni bir uygulama veya tamamen React ile yeni bir web sitesi oluşturmak istiyorsanız, toplulukta popüler olan React destekli framework'lerden birini seçmenizi öneririz.
-React'ı bir çatı (framework) olmadan da kullanabilirsiniz; ancak çoğu uygulamanın ve sitenin sonunda kod bölme, yönlendirme, veri çekme ve HTML oluşturma gibi yaygın sorunlara çözümler ürettiğini gördük. Bu sorunlar yalnızca React için değil, tüm UI kütüphaneleri için ortaktır.
+React'ı bir framework olmadan da kullanabilirsiniz; ancak çoğu uygulamanın ve sitenin sonunda kod bölme, yönlendirme, veri çekme ve HTML oluşturma gibi yaygın sorunlara çözümler ürettiğini gördük. Bu sorunlar yalnızca React için değil, tüm UI kütüphaneleri için ortaktır.
-Bir çatıyla başlayarak, React'e hızlı bir başlangıç yapabilir ve sonrasında kendi çatınızı oluşturmaktan kurtulabilirsiniz.
+Bir framework'le başlayarak, React'e hızlı bir başlangıç yapabilir ve sonrasında kendi framework'ünüzü oluşturmaktan kurtulabilirsiniz.
-#### React'ı bir çatı olmadan kullanabilir miyim? {/*can-i-use-react-without-a-framework*/}
+#### React'ı bir framework olmadan kullanabilir miyim? {/*can-i-use-react-without-a-framework*/}
-React'i kesinlikle bir çatı (framework) olmadan da kullanabilirsiniz - bu, [Sayfanızın bir bölümü için React'ı kullanın](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) ile açıklanmaktadır **Ancak, tamamen React ile yeni bir uygulama veya site oluşturuyorsanız, bir çatı kullanmanızı öneririz.**
+React'i kesinlikle bir framework olmadan da kullanabilirsiniz - bu, [Sayfanızın bir bölümü için React'ı kullanın](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) ile açıklanmaktadır **Ancak, tamamen React ile yeni bir uygulama veya site oluşturuyorsanız, bir framework kullanmanızı öneririz.**
İşte nedeni.
@@ -26,16 +26,16 @@ Başlangıçta yönlendirme veya veri alımına ihtiyaç duymasanız bile, bunla
**Bu sorunlar React'a özgü değildir. İşte bu yüzden Svelte'nin SvelteKit'i, Vue'nun Nuxt'ı ve daha fazlası vardır.** Bu sorunları kendi başınıza çözmek için, paketleyicinizi yönlendiricinizle ve veri alımı kütüphanenizle entegre etmeniz gerekecektir. İlk kurulumu çalıştırmak zor değildir, ancak zamanla büyüyen bir uygulamanın hızlı bir şekilde yüklenmesiyle ilgili birçok ince nokta vardır. Sayfanın gereken verilerle paralel olarak, mümkün olan en az uygulama kodunu göndermek isteyeceksiniz, ancak bunu tek bir istemci-sunucu turunda yapacaksınız. Muhtemelen sayfanın, progresif iyileştirmeyi desteklemek için JavaScript kodunuz çalışmadan önce etkileşimli olmasını isteyeceksiniz. Pazarlama sayfalarınız için JavaScript devre dışı bırakılsa bile her yerde barındırılabilen ve çalışabilen tamamen statik HTML dosyaları oluşturmak isteyebilirsiniz. Bu yetenekleri kendiniz oluşturmak gerçekten iş gerektirir.
-**Bu sayfadaki React çatıları, bu tür sorunları varsayılan olarak çözer ve sizden ekstra çalışma gerektirmeden bunları yapar.** Sizin için çok hafif başlamalarına ve ardından uygulamanızı ihtiyaçlarınızla birlikte ölçeklendirmelerine izin verirler. Her React çatısının bir topluluğu vardır, bu nedenle sorulara yanıt bulmak ve araçları yükseltmek daha kolaydır. Çatılar ayrıca kodunuza yapı sağlar, böylece siz ve diğerleri farklı projeler arasında bağlam ve becerileri koruyabilirsiniz. Öte yandan, özel bir kurulumla desteklenmeyen bağımlılık sürümlerinde sıkışma olasılığı daha yüksektir ve esasen kendi çatınızı oluşturacaksınız - her ne kadar topluluksuz ve yükseltme yolu olmayan bir çatı olsa da (ve geçmişte yaptığımızlar gibi daha dağınık tasarlanmış).
+**Bu sayfadaki React framework'leri, bu tür sorunları varsayılan olarak çözer ve sizden ekstra çalışma gerektirmeden bunları yapar.** Sizin için çok hafif başlamalarına ve ardından uygulamanızı ihtiyaçlarınızla birlikte ölçeklendirmelerine izin verirler. Her React framework'ünün bir topluluğu vardır, bu nedenle sorulara yanıt bulmak ve araçları yükseltmek daha kolaydır. Framework'ler ayrıca kodunuza yapı sağlar, böylece siz ve diğerleri farklı projeler arasında bağlam ve becerileri koruyabilirsiniz. Öte yandan, özel bir kurulumla desteklenmeyen bağımlılık sürümlerinde sıkışma olasılığı daha yüksektir ve esasen kendi framework'ünüzü oluşturacaksınız - her ne kadar topluluksuz ve yükseltme yolu olmayan bir framework olsa da (ve geçmişte yaptığımızlar gibi daha dağınık tasarlanmış).
-Eğer hala ikna olmadıysanız veya uygulamanızın bu çatılar tarafından iyi hizmet edilmeyen sıradışı kısıtlamaları varsa ve kendi özel kurulumunuzu oluşturmak istiyorsanız, sizi durduramayız - devam edin! `react` ve `react-dom`'u npm'den alın, [Vite](https://vitejs.dev/) veya [Parcel](https://parceljs.org/) gibi bir paketleyici ile özel derleme sürecinizi ayarlayın ve yönlendirme, statik üretim veya sunucu tarafı işleme ve daha fazlası için ihtiyaç duyduğunuz diğer araçları ekleyin.
+Eğer hala ikna olmadıysanız veya uygulamanızın bu framework'ler tarafından iyi hizmet edilmeyen sıradışı kısıtlamaları varsa ve kendi özel kurulumunuzu oluşturmak istiyorsanız, sizi durduramayız - devam edin! `react` ve `react-dom`'u npm'den alın, [Vite](https://vitejs.dev/) veya [Parcel](https://parceljs.org/) gibi bir paketleyici ile özel derleme sürecinizi ayarlayın ve yönlendirme, statik üretim veya sunucu tarafı işleme ve daha fazlası için ihtiyaç duyduğunuz diğer araçları ekleyin.
-## Canlı ortam seviyesi React Çatıları {/*production-grade-react-frameworks*/}
+## Canlı ortam seviyesi React Framework'leri {/*production-grade-react-frameworks*/}
These frameworks support all the features you need to deploy and scale your app in production and are working towards supporting our [full-stack architecture vision](#which-features-make-up-the-react-teams-full-stack-architecture-vision). All of the frameworks we recommend are open source with active communities for support, and can be deployed to your own server or a hosting provider. If you’re a framework author interested in being included on this list, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+).
-**[Next.js](https://nextjs.org/), tam özellikli bir React çatısıdır.** Çok yönlüdür ve çoğunlukla, statik bir blogdan karmaşık bir dinamik uygulamaya kadar, her büyüklükte React uygulaması oluşturmanıza olanak tanır. Yeni bir Next.js projesi oluşturmak için terminalinizde şunu çalıştırın:
+**[Next.js](https://nextjs.org/), tam özellikli bir React framework'üdür.** Çok yönlüdür ve çoğunlukla, statik bir blogdan karmaşık bir dinamik uygulamaya kadar, her büyüklükte React uygulaması oluşturmanıza olanak tanır. Yeni bir Next.js projesi oluşturmak için terminalinizde şunu çalıştırın:
npx create-next-app@latest
@@ -47,7 +47,7 @@ Next.js [Vercel](https://vercel.com/) tarafından desteklenmektedir. Bir Next.js
### Remix {/*remix*/}
-**[Remix](https://remix.run/) iç içe yönlendirmeye sahip tam özellikli bir React çatısıdır.** Uygulamanızı iç içe geçmiş parçalara bölebilmenizi sağlar ve bu parçalar, kullanıcı işlemlerine karşılık olarak paralel olarak veri yükleyebilir ve yenilenebilir. Yeni bir Remix projesi oluşturmak için şunu çalıştırın:
+**[Remix](https://remix.run/) iç içe yönlendirmeye sahip tam özellikli bir React framework'üdür.** Uygulamanızı iç içe geçmiş parçalara bölebilmenizi sağlar ve bu parçalar, kullanıcı işlemlerine karşılık olarak paralel olarak veri yükleyebilir ve yenilenebilir. Yeni bir Remix projesi oluşturmak için şunu çalıştırın:
npx create-remix
@@ -59,7 +59,7 @@ Remix [Shopify](https://www.shopify.com/) tarafından desteklenmektedir. Yeni bi
### Gatsby {/*gatsby*/}
-**[Gatsby](https://www.gatsbyjs.com/) hızlı CMS destekli web siteleri için bir React çatısıdır.** Zengin eklenti ekosistemi ve GraphQL veri katmanı, içeriği, API'leri ve hizmetleri tek bir web sitesinde entegre etmeyi basitleştirir. Yeni bir Gatsby projesi oluşturmak için şunu çalıştırın:
+**[Gatsby](https://www.gatsbyjs.com/) hızlı CMS destekli web siteleri için bir React framework'üdür.** Zengin eklenti ekosistemi ve GraphQL veri katmanı, içeriği, API'leri ve hizmetleri tek bir web sitesinde entegre etmeyi basitleştirir. Yeni bir Gatsby projesi oluşturmak için şunu çalıştırın:
npx create-gatsby
@@ -71,7 +71,7 @@ Gatsby [Netlify](https://www.netlify.com/) tarafından desteklenmektedir. [Tam s
### Expo (yerel uygulamalar için) {/*expo*/}
-**[Expo](https://expo.dev/), gerçekten yerel kullanıcı arayüzlerine sahip evrensel Android, iOS ve web uygulamaları oluşturmanıza olanak tanıyan bir React çatısıdır.** [React Native](https://reactnative.dev/) için bir SDK sağlar ve yerel parçaların kullanımını kolaylaştırır. Yeni bir Expo projesi oluşturmak için şunu çalıştırın:
+**[Expo](https://expo.dev/), gerçekten yerel kullanıcı arayüzlerine sahip evrensel Android, iOS ve web uygulamaları oluşturmanıza olanak tanıyan bir React framework'üdür.** [React Native](https://reactnative.dev/) için bir SDK sağlar ve yerel parçaların kullanımını kolaylaştırır. Yeni bir Expo projesi oluşturmak için şunu çalıştırın:
npx create-expo-app
@@ -83,13 +83,13 @@ Expo [Expo (firma)](https://expo.dev/about) tarafından desteklenmektedir. Expo
## Bleeding-edge React frameworks {/*bleeding-edge-react-frameworks*/}
-React'ı nasıl daha da geliştirebileceğimizi keşfederken, React'ı çatılarla (özellikle yönlendirme, paketleme ve sunucu teknolojileriyle) daha yakından entegre etmenin, React kullanıcılarının daha iyi uygulamalar geliştirmelerine yardımcı olmak için en büyük fırsatımız olduğunu fark ettik. Next.js ekibi, [React Sunucu Bileşenleri](/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components) gibi çatı bağımsız ileri seviye React özelliklerinin araştırılması, geliştirilmesi, entegrasyonu ve test edilmesi konusunda bizimle işbirliği yapmayı kabul etti.
+React'ı nasıl daha da geliştirebileceğimizi keşfederken, React'ı framework'lerde (özellikle yönlendirme, paketleme ve sunucu teknolojileriyle) daha yakından entegre etmenin, React kullanıcılarının daha iyi uygulamalar geliştirmelerine yardımcı olmak için en büyük fırsatımız olduğunu fark ettik. Next.js ekibi, [React Sunucu Bileşenleri](/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components) gibi framework bağımsız ileri seviye React özelliklerinin araştırılması, geliştirilmesi, entegrasyonu ve test edilmesi konusunda bizimle işbirliği yapmayı kabul etti.
-Bu özellikler, her geçen gün canlı ortama hazır olmaya daha da yaklaşıyor ve bunları entegre etme konusunda diğer paketleyici ve çatı geliştiricileriyle görüşmeler yapıyoruz. Umut ediyoruz ki, bir veya iki yıl içinde bu sayfadaki tüm çatılar, bu özelliklere tam desteğe sahip olacak. (Eğer bir çatı yazarı olarak bu özelliklerle deney yapmak için bizimle ortaklık kurmak istiyorsanız, lütfen bize bildirin!)
+Bu özellikler, her geçen gün canlı ortama hazır olmaya daha da yaklaşıyor ve bunları entegre etme konusunda diğer paketleyici ve framework geliştiricileriyle görüşmeler yapıyoruz. Umut ediyoruz ki, bir veya iki yıl içinde bu sayfadaki tüm framework'ler, bu özelliklere tam desteğe sahip olacak. (Eğer bir framework yazarı olarak bu özelliklerle deney yapmak için bizimle ortaklık kurmak istiyorsanız, lütfen bize bildirin!)
### Next.js (App Router) {/*nextjs-app-router*/}
-**[Next.js App Router (Uygulama Yönlendiricisi)](https://nextjs.org/docs), React ekibinin tam yığın mimari vizyonunu gerçekleştirmeyi amaçlayan Next.js API'lerinin yeniden tasarımıdır.** Bu, sunucuda veya hatta derleme sırasında çalışan eşzamansız bileşenlerde veri almanıza olanak tanır.
+**[Next.js App Router (Uygulama Yönlendiricisi)](https://nextjs.org/docs), React ekibinin tam yığın mimari vizyonunu gerçekleştirmeyi amaçlayan Next.js API'lerinin yeniden tasarımıdır.** Bu, sunucuda veya hatta derleme sırasında çalışan eşzamansız bileşenlerde veri getirmenize olanak tanır.
Next.js [Vercel](https://vercel.com/) tarafından desteklenmektedir. Bir Next.js uygulamasını herhangi bir Node.js sunucusuna, sunucusuz barındırmaya (serverless) veya kendi sunucunuza [yapabilirsiniz](https://nextjs.org/docs/app/building-your-application/deploying). [Tümüyle statik Next.js uygulamaları](https://nextjs.org/docs/advanced-features/static-html-export) herhangi bir statik barındırmaya kurulabilir.
@@ -123,6 +123,6 @@ Next.js'in Uygulama Yönlendiricisi ayrıca [Suspense ile data getirme](/blog/20
```
-Sunucu Bileşenleri ve Suspense, Next.js özelliklerinden ziyade React özellikleridir. Bununla birlikte, bu özellikleri çatı düzeyinde benimsemek, önemli ölçüde uygulama çalışması gerektiren ve destek almayı gerektiren bir süreçtir. Şu anda, Next.js Uygulama Yönlendiricisi en eksiksiz uygulamadır. React ekibi, bu özellikleri bir sonraki nesil çerçevelerde daha kolay uygulanabilir hale getirmek için paketleyici geliştiricileriyle çalışmaktadır.
+Sunucu Bileşenleri ve Suspense, Next.js özelliklerinden ziyade React özellikleridir. Bununla birlikte, bu özellikleri framework düzeyinde benimsemek, önemli ölçüde uygulama çalışması gerektiren ve destek almayı gerektiren bir süreçtir. Şu anda, Next.js Uygulama Yönlendiricisi en eksiksiz uygulamadır. React ekibi, bu özellikleri bir sonraki nesil çerçevelerde daha kolay uygulanabilir hale getirmek için paketleyici geliştiricileriyle çalışmaktadır.
diff --git a/src/content/learn/synchronizing-with-effects.md b/src/content/learn/synchronizing-with-effects.md
index 14642bb25..3bdf39c57 100644
--- a/src/content/learn/synchronizing-with-effects.md
+++ b/src/content/learn/synchronizing-with-effects.md
@@ -732,7 +732,7 @@ Efektler içinde `veri getirme` çağrıları yazmak özellikle tamamen kullanı
Bu dezavantajlar listesi React'e özel değildir. Bu, herhangi bir kütüphane ile DOM'a eklenme sırasında yapılan veri getirme için geçerlidir. Yönlendirme (routing) de olduğu gibi, veri getirmenin de başarılı şekilde yapılması kolay değildir. Bu nedenle aşağıdaki yaklaşımları önermekteyiz:
-- **Eğer bir [çatı](/learn/start-a-new-react-project#production-grade-react-frameworks) kullanırsanız, çatının yerleşik veri getirme mekanizmasını kullanın.** Modern React çatıları verimli veri getirme mekanizmalarını entegre etmişlerdir ve yukarıdaki tehlikelerden uzak dururlar.
+- **Eğer bir [framework](/learn/start-a-new-react-project#production-grade-react-frameworks) kullanırsanız, framework'ün yerleşik veri getirme mekanizmasını kullanın.** Modern React framework'leri verimli veri getirme mekanizmalarını entegre etmişlerdir ve yukarıdaki tehlikelerden uzak dururlar.
- **Aksi halde, kullanıcı taraflı önbelleğe almayı kullanmayı ya da kendiniz kurmayı düşünün.** Popüler açık kaynak çözümleri arasında [React Query](https://react-query.tanstack.com/), [useSWR](https://swr.vercel.app/) ve [React Router 6.4+](https://beta.reactrouter.com/en/main/start/overview) vardır. Kendi çözümlerinizi de oluşturabilirsiniz. Kendi çözümünüzü yaparsanız, Efektleri arka planda kullanır ancak aynı zamanda istekleri tekilleştirmek, yanıtları önbelleğe almak ve ağ şelalelerinden kaçınmak (verileri önceden yükleyerek veya veri gereksinimlerini rotalara kaldırarak) gibi mantıkları da ekleyebilirsiniz.
Eğer bu yaklaşımlardan hiçbiri size uymuyorsa, Efektler içinde veri getirmeye devam edebilirsiniz.
diff --git a/src/content/learn/understanding-your-ui-as-a-tree.md b/src/content/learn/understanding-your-ui-as-a-tree.md
index 7350392c6..e62d3edf3 100644
--- a/src/content/learn/understanding-your-ui-as-a-tree.md
+++ b/src/content/learn/understanding-your-ui-as-a-tree.md
@@ -137,7 +137,7 @@ React render ağacındaki kök düğüm, uygulamanın [kök bileşeni](/learn/im
Yukarıdaki render ağacında, her bileşenin işlediği HTML etiketlerinden bahsedilmediğini fark edeceksiniz. Bunun nedeni, render ağacının yalnızca React [bileşenlerinden](learn/your-first-component#components-ui-building-blocks) oluşmasıdır.
-React, bir UI çatısı olarak platformdan bağımsızdır. tr.react.dev'de, UI öğeleri olarak HTML işaretlemesini kullanan web'e işlenen örnekleri sergiliyoruz. Ancak bir React uygulaması, [UIView](https://developer.apple.com/documentation/uikit/uiview) veya [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement?view=windowsdesktop-7.0) gibi farklı UI öğelerini kullanabilen bir mobil veya masaüstü platformunda da işlenebilir.
+React, bir UI framework'ü olarak platformdan bağımsızdır. tr.react.dev'de, UI öğeleri olarak HTML işaretlemesini kullanan web'e işlenen örnekleri sergiliyoruz. Ancak bir React uygulaması, [UIView](https://developer.apple.com/documentation/uikit/uiview) veya [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement?view=windowsdesktop-7.0) gibi farklı UI öğelerini kullanabilen bir mobil veya masaüstü platformunda da işlenebilir.
Bu platform UI temel öğeleri React'in bir parçası değildir. React render ağaçları, uygulamanızın hangi platformda render edildiğinden bağımsız olarak React uygulamamıza fikir verebilir.
diff --git a/src/content/learn/your-first-component.md b/src/content/learn/your-first-component.md
index e221cb867..dad247e5f 100644
--- a/src/content/learn/your-first-component.md
+++ b/src/content/learn/your-first-component.md
@@ -211,11 +211,11 @@ Alt bileşen, üst bileşenden gelecek bir veriye ihtiyaç duyduğunda, tanımla
#### Baştan aşağı bileşenler {/*components-all-the-way-down*/}
-React uygulamanız "kök" bileşeninde başlar. Bu bileşen genel olarak yeni bir proje başlattığınızda otomatik olarak oluşturulur. Örneğin, [CodeSandbox](https://codesandbox.io/) ya da [Next.js](https://nextjs.org/) çatısını kullanırsanız, kök bileşeni `pages/index.js` sayfasında tanımlanmıştır. Bu örneklerde, kök bileşenlerini dışa aktarıyoruz.
+React uygulamanız "kök" bileşeninde başlar. Bu bileşen genel olarak yeni bir proje başlattığınızda otomatik olarak oluşturulur. Örneğin, [CodeSandbox](https://codesandbox.io/) ya da [Next.js](https://nextjs.org/) framework'ünü kullanırsanız, kök bileşeni `pages/index.js` sayfasında tanımlanmıştır. Bu örneklerde, kök bileşenlerini dışa aktarıyoruz.
Çoğu React uygulaması baştan aşağı bileşenleri kullanır. Bu, bileşenleri yalnızca butonlar gibi yeniden kullanılabilir parçalar için değil, aynı zamanda kenar çubukları, listeler ve hatta sayfanın bütünü için de kullanabileceğiniz anlamına gelir! Bileşenler, bazıları yalnızca bir defa kullanılsa bile kullanıcı arayüzü kodunu ve biçimlendirmeyi düzenlemenin kullanışlı bir yoludur.
-[React tabanlı çatılar](/learn/start-a-new-react-project) bunu bir adım ileri götürürler. Boş bir HTML sayfası kullanmak ve React'in sayfayı JavaScript ile kontrol etmesine "izin vermek" yerine, bu çatılar *aynı zamanda* React bileşenlerinizden otomatik olarak HTML üretirler. Bu, JavaScript kodu yüklenmeden önce bazı içerikleri kullanıcıya göstermenize izin verir.
+[React tabanlı framework'ler](/learn/start-a-new-react-project) bunu bir adım ileri götürürler. Boş bir HTML sayfası kullanmak ve React'in sayfayı JavaScript ile kontrol etmesine "izin vermek" yerine, bu framework'ler *aynı zamanda* React bileşenlerinizden otomatik olarak HTML üretirler. Bu, JavaScript kodu yüklenmeden önce bazı içerikleri kullanıcıya göstermenize izin verir.
Yine de pek çok site, React'i sadece [halihazırda olan HTML sayfalarına etkileşim eklemek için](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) kullanır. Sayfanın tamamı için tek bir tane yerine birçok kök bileşeni vardır. İhtiyacınız olan kadar çok veya az React kullanabilirsiniz.
diff --git a/src/content/reference/react-dom/client/createRoot.md b/src/content/reference/react-dom/client/createRoot.md
index 9bc924830..6778c775e 100644
--- a/src/content/reference/react-dom/client/createRoot.md
+++ b/src/content/reference/react-dom/client/createRoot.md
@@ -57,7 +57,7 @@ Tamamen React ile oluşturulmuş bir uygulama genellikle kök bileşeni için ya
#### Uyarılar {/*caveats*/}
* Uygulamanız sunucu tarafından oluşturulmuşsa, `createRoot()` kullanımı desteklenmez. Bunun yerine [`hydrateRoot()`](/reference/react-dom/client/hydrateRoot) kullanın.
-* Uygulamanızda muhtemelen yalnızca bir `createRoot` çağrısı olacaktır. Eğer bir çatı kullanıyorsanız, bu çağrıyı sizin için yapabilir.
+* Uygulamanızda muhtemelen yalnızca bir `createRoot` çağrısı olacaktır. Eğer bir framework kullanıyorsanız, bu çağrıyı sizin için yapabilir.
* Bileşeninizin alt öğesi olmayan DOM ağacının farklı bir bölümünde bir JSX parçası render etmek istediğinizde (örneğin, bir modal veya bir araç ipucu), `createRoot` yerine [`createPortal`](/reference/react-dom/createPortal) kullanın.
---
@@ -306,7 +306,7 @@ React ağacını DOM düğümünden kaldırmak ve onun tarafından kullanılan t
root.unmount();
```
-Bu, çoğunlukla React bileşenleriniz farklı bir çatıda yazılmış bir uygulamanın içindeyse kullanışlıdır.
+Bu, çoğunlukla React bileşenleriniz farklı bir framework'de yazılmış bir uygulamanın içindeyse kullanışlıdır.
---
diff --git a/src/content/reference/react-dom/client/index.md b/src/content/reference/react-dom/client/index.md
index b5085e5e1..8b5423e23 100644
--- a/src/content/reference/react-dom/client/index.md
+++ b/src/content/reference/react-dom/client/index.md
@@ -4,7 +4,7 @@ title: İstemci React DOM API'leri
-`React-dom/client` API'leri, React bileşenlerini istemcide (tarayıcıda) oluşturmanızı sağlar. Bu API’ler genellikle React ağacınızı başlatmak için uygulamanızın en üst seviyesinde kullanılır. Bir [çatı](/learn/start-a-new-react-project#production-grade-react-frameworks) bunları sizin için çağırabilir. Bileşenlerinizin çoğu, bunları içe aktarmaya veya kullanmaya ihtiyaç duymaz.
+`React-dom/client` API'leri, React bileşenlerini istemcide (tarayıcıda) oluşturmanızı sağlar. Bu API’ler genellikle React ağacınızı başlatmak için uygulamanızın en üst seviyesinde kullanılır. Bir [framework](/learn/start-a-new-react-project#production-grade-react-frameworks) bunları sizin için çağırabilir. Bileşenlerinizin çoğu, bunları içe aktarmaya veya kullanmaya ihtiyaç duymaz.
diff --git a/src/content/reference/react-dom/components/common.md b/src/content/reference/react-dom/components/common.md
index 5ccaa7152..33e4b1a2e 100644
--- a/src/content/reference/react-dom/components/common.md
+++ b/src/content/reference/react-dom/components/common.md
@@ -770,7 +770,7 @@ Sonra bu sınıf için CSS kurallarını ayrı bir CSS dosyasına yazarsınız:
}
```
-React, CSS dosyalarını nasıl ekleyeceğinizle ilgili sıkı kurallar koymaz. En basit yol, HTML'inize bir[``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) etiketi eklemektir. Eğer bir derleme aracı veya bir çatı kullanırsanız, projenize nasıl CSS dosyası ekleyeceğinizi öğrenmek için ilgili dokümantasyona danışabilirsiniz.
+React, CSS dosyalarını nasıl ekleyeceğinizle ilgili sıkı kurallar koymaz. En basit yol, HTML'inize bir[``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) etiketi eklemektir. Eğer bir derleme aracı veya bir framework kullanırsanız, projenize nasıl CSS dosyası ekleyeceğinizi öğrenmek için ilgili dokümantasyona danışabilirsiniz.
Bazen stil değerleri veriye bağlıdır. Dinamik bir şekilde stillendirmek için `style` niteliğini kullanın:
diff --git a/src/content/reference/react-dom/createPortal.md b/src/content/reference/react-dom/createPortal.md
index c6c2ffdd9..368cc6f87 100644
--- a/src/content/reference/react-dom/createPortal.md
+++ b/src/content/reference/react-dom/createPortal.md
@@ -248,7 +248,7 @@ Modal'lar oluştururken [WAI-ARIA Modal Yazma Uygulamaları](https://www.w3.org/
### React bileşenlerini React olmayan sunucu biçimlendirmesine render etme {/*rendering-react-components-into-non-react-server-markup*/}
-Portallar, React kökünüz React ile oluşturulmamış statik veya sunucu tarafından render edilen bir sayfanın parçasıysa yararlı olabilir. Örneğin, sayfanız Rails gibi bir sunucu çatısı ile oluşturulmuşsa, sidebar gibi statik alanlar içinde etkileşim alanları oluşturabilirsiniz. [Birden fazla ayrı React köküne](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) sahip olmakla karşılaştırıldığında, portallar, parçaları DOM'un farklı bölümlerine render edilse bile uygulamayı paylaşılan state'e sahip tek bir React ağacı olarak ele almanızı sağlar.
+Portallar, React kökünüz React ile oluşturulmamış statik veya sunucu tarafından render edilen bir sayfanın parçasıysa yararlı olabilir. Örneğin, sayfanız Rails gibi bir sunucu framework'ü ile oluşturulmuşsa, sidebar gibi statik alanlar içinde etkileşim alanları oluşturabilirsiniz. [Birden fazla ayrı React köküne](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) sahip olmakla karşılaştırıldığında, portallar, parçaları DOM'un farklı bölümlerine render edilse bile uygulamayı paylaşılan state'e sahip tek bir React ağacı olarak ele almanızı sağlar.
diff --git a/src/content/reference/react-dom/hydrate.md b/src/content/reference/react-dom/hydrate.md
index 6261f5321..b5e0fb638 100644
--- a/src/content/reference/react-dom/hydrate.md
+++ b/src/content/reference/react-dom/hydrate.md
@@ -55,7 +55,7 @@ React, `domNode` içinde var olan HTML'ye bağlanacak ve içindeki DOM'u yönetm
#### Uyarılar {/*caveats*/}
* `hydrate`, render edilmiş içeriğin sunucu tarafından render edilen içerikle aynı olmasını bekler. React, metin içeriğindeki farklılıkları düzeltebilir, ancak uyumsuzlukları hatalar olarak görmeli ve düzeltmelisiniz.
* Geliştirme modunda, React, hydrate işlemi sırasında uyumsuzluklar hakkında uyarır. Uyumsuzluk durumunda özellik farklılıklarının düzeltileceği garantisi yoktur. Bu, performans nedenleriyle önemlidir çünkü çoğu uygulamada, uyumsuzluklar nadirdir ve bu nedenle tüm işaretlemeyi doğrulamak aşırı derecede pahalı olurdu.
-* Uygulamanızda muhtemelen yalnızca bir `hydrate` çağrısı olacaktır. Bir çatı kullanıyorsanız, bu çağrıyı sizin için yapabilir.
+* Uygulamanızda muhtemelen yalnızca bir `hydrate` çağrısı olacaktır. Bir framework kullanıyorsanız, bu çağrıyı sizin için yapabilir.
* Uygulamanızda önceden render edilmiş HTML olmadan yalnızca istemci tarafından render edilmişse, `hydrate()` kullanımı desteklenmez. Bunun yerine [render()](/reference/react-dom/render) (React 17 ve altı için) veya [createRoot()](/reference/react-dom/client/createRoot) (React 18+ için) kullanın.
---
diff --git a/src/content/reference/react-dom/render.md b/src/content/reference/react-dom/render.md
index 348a6c40a..e063dc3e0 100644
--- a/src/content/reference/react-dom/render.md
+++ b/src/content/reference/react-dom/render.md
@@ -63,7 +63,7 @@ Tamamen React ile oluşturulmuş bir uygulama genellikle sadece bir `render` ça
* Eğer aynı `domNode` üzerinde birden fazla `render` çağrısı yaparsanız, React, verdiğiniz son JSX'i yansıtmak için gerektiğinde DOM'u güncelleyecektir. React, DOM'un hangi kısımlarının yeniden kullanılabileceğine ve hangilerinin önceki ağaç (tree) ile ["eşleştirilerek"](/learn/preserving-and-resetting-state) yeniden oluşturulması gerektiğine karar verir. Aynı `domNode` üzerinde `render` çağrısı yapmak, kök bileşen (root component) üzerinde [`set` fonksiyonunu](/reference/react/useState#setstate) çağırmaya benzer: React gereksiz DOM güncellemelerinden kaçınır.
-* Eğer uygulamanız tamamen React ile oluşturulmuşsa, uygulamanızda muhtemelen yalnızca bir `render` çağrısı olacaktır. (Bir çatı (framework) kullanıyorsanız, bunu sizin için yapabilir.) JSX'in bir parçasını bileşeninizin bir alt elemanı (child component) olmayan DOM ağacının farklı bir yerinde görüntülemek istediğinizde (örneğin, bir modal veya bir tooltip), `render` yerine [`createPortal`](/reference/react-dom/createPortal) kullanınız.
+* Eğer uygulamanız tamamen React ile oluşturulmuşsa, uygulamanızda muhtemelen yalnızca bir `render` çağrısı olacaktır. (Bir framework kullanıyorsanız, bunu sizin için yapabilir.) JSX'in bir parçasını bileşeninizin bir alt elemanı (child component) olmayan DOM ağacının farklı bir yerinde görüntülemek istediğinizde (örneğin, bir modal veya bir tooltip), `render` yerine [`createPortal`](/reference/react-dom/createPortal) kullanınız.
---
diff --git a/src/content/reference/react-dom/server/renderToNodeStream.md b/src/content/reference/react-dom/server/renderToNodeStream.md
index bd6044e8e..af6d75ef2 100644
--- a/src/content/reference/react-dom/server/renderToNodeStream.md
+++ b/src/content/reference/react-dom/server/renderToNodeStream.md
@@ -69,7 +69,7 @@ Sunucu yanıtınıza bağlayabileceğiniz [Node.js Okunabilir Akışını](https
```js {5-6}
import { renderToNodeStream } from 'react-dom/server';
-// Rota işleyici sözdizimi arka uç çatınıza bağlı olarak değişir
+// Rota işleyici sözdizimi arka uç framework'ünüze bağlı olarak değişir
app.use('/', (request, response) => {
const stream = renderToNodeStream();
stream.pipe(response);
diff --git a/src/content/reference/react-dom/server/renderToPipeableStream.md b/src/content/reference/react-dom/server/renderToPipeableStream.md
index da51bf57f..5a4be3b8e 100644
--- a/src/content/reference/react-dom/server/renderToPipeableStream.md
+++ b/src/content/reference/react-dom/server/renderToPipeableStream.md
@@ -80,7 +80,7 @@ React ağacını HTML olarak [Node.js Stream](https://nodejs.org/api/stream.html
```js [[1, 5, ""], [2, 6, "['/main.js']"]]
import { renderToPipeableStream } from 'react-dom/server';
-// Route handler syntax backend çatınıza bağlıdır
+// Route handler syntax backend framework'ünüze bağlıdır
app.use('/', (request, response) => {
const { pipe } = renderToPipeableStream(, {
bootstrapScripts: ['/main.js'],
@@ -286,15 +286,15 @@ Stream işleminin, React'ın tarayıcıya yüklenmesini veya uygulamanızın etk
**Sadece Suspense özelliğine sahip veri kaynakları Suspense bileşenini etkinleştirir.** Şunları içerir:
-- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/getting-started/react-essentials) gibi Suspense özelliği etkin çatılarda veri alma
+- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/getting-started/react-essentials) gibi Suspense özelliği etkin framework'lerde veri getirme
- [`lazy`](/reference/react/lazy) ile bileşen kodunu temvel yükleme (lazy-loading).
- [`use`](/reference/react/use) ile bir Promise'in değerini okuma.
Effect veya olay yöneticisi içinde veri alınırken Suspense **tespit edilmez**.
-Yukarıdaki `Posts` bileşenininde veri almanın tam yolu çatınıza bağlıdır. Suspense özelliği etkin bir çatı kullanırsanız, detayları çatınızın veri alma dokümantasyonunun içinde bulabilirsiniz.
+Yukarıdaki `Posts` bileşenininde veri getirmenin tam yolu framework'ünüze bağlıdır. Suspense özelliği etkin bir framework kullanırsanız, detayları framework'ünüzün veri getirme dokümantasyonunun içinde bulabilirsiniz.
-Kanaat sahibi bir çatı (opinionated framework) olmadan Suspense özelliği etkin veri çekme henüz desteklenmemektedir. Suspense özellikli bir veri kaynağının uygulanmasına yönelik gereksinimler stabil değildir ve dokümantasyonu yoktur. React'ın sonraski sürümlerinde, veri kaynaklarını Suspense ile entegre etmek için resmi bir API yayınlanacaktır.
+Kanaat sahibi bir framework (opinionated framework) olmadan Suspense özelliği etkin veri çekme henüz desteklenmemektedir. Suspense özellikli bir veri kaynağının uygulanmasına yönelik gereksinimler stabil değildir ve dokümantasyonu yoktur. React'ın sonraski sürümlerinde, veri kaynaklarını Suspense ile entegre etmek için resmi bir API yayınlanacaktır.
@@ -546,7 +546,7 @@ Shelli yayımladığınızda ve stream işlemine başladığınızda durum kodun
---
-### Tarayıcılar ve statik oluşturma için tüm içerikleri bekleme {/*waiting-for-all-content-to-load-for-crawlers-and-static-generation*/}
+### Tarayıcılar ve statik oluşturma için tüm içerikleri bekleme {/*waiting-for-all-content-to-load-for-crawlers-and-static-generation*/}
Stream işlemi daha iyi bi kullanıcı deneyimi sunar çünkü kullanıcı, içerik olur olmaz içeriği görebilir.
diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md
index 6e276fe7b..a2217020d 100644
--- a/src/content/reference/react-dom/server/renderToStaticMarkup.md
+++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md
@@ -59,7 +59,7 @@ Sunucu yanıtınızla birlikte gönderebileceğiniz bir HTML string'i olarak uyg
```js {5-6}
import { renderToStaticMarkup } from 'react-dom/server';
-// Rota işleyicisinin sözdizimi, kullandığınız arka uç çatısına bağlıdır
+// Rota işleyicisinin sözdizimi, kullandığınız arka uç framework'üne bağlıdır
app.use('/', (request, response) => {
const html = renderToStaticMarkup();
response.send(html);
diff --git a/src/content/reference/react-dom/server/renderToStaticNodeStream.md b/src/content/reference/react-dom/server/renderToStaticNodeStream.md
index 36fa89485..79d48120f 100644
--- a/src/content/reference/react-dom/server/renderToStaticNodeStream.md
+++ b/src/content/reference/react-dom/server/renderToStaticNodeStream.md
@@ -65,7 +65,7 @@ Sunucu yanıtınıza aktarabileceğiniz bir [Okunabilir Node.js Akışı](https:
```js {5-6}
import { renderToStaticNodeStream } from 'react-dom/server';
-// Route handler syntax backend çatınıza bağlıdır
+// Route handler syntax backend framework'üne bağlıdır
app.use('/', (request, response) => {
const stream = renderToStaticNodeStream();
stream.pipe(response);
diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md
index f02eb64d6..b7f38f4c8 100644
--- a/src/content/reference/react-dom/server/renderToString.md
+++ b/src/content/reference/react-dom/server/renderToString.md
@@ -66,7 +66,7 @@ Uygulamanızı sunucu yanıtınızla birlikte gönderebileceğiniz bir HTML stri
```js {5-6}
import { renderToString } from 'react-dom/server';
-// Rota işleyici sözdizimi backend çatınıza bağlıdır
+// Rota işleyici sözdizimi backend framework'ünüze bağlıdır
app.use('/', (request, response) => {
const html = renderToString();
response.send(html);
diff --git a/src/content/reference/react/StrictMode.md b/src/content/reference/react/StrictMode.md
index fcb6b408f..5e07cef55 100644
--- a/src/content/reference/react/StrictMode.md
+++ b/src/content/reference/react/StrictMode.md
@@ -78,7 +78,7 @@ root.render(
);
```
-Özellikle yeni yaratılmış uygulamalarınızda, tüm uygulamayı Strict Modu ile sarmanızı öneririz. Sizin yerinize [`createRoot`](/reference/react-dom/client/createRoot)'u çağıran bir çatı ile çalışıyorsanız, Strict Modun nasıl etkileştirileceğine çatının dokümantasyonundan bakabilirsiniz.
+Özellikle yeni yaratılmış uygulamalarınızda, tüm uygulamayı Strict Modu ile sarmanızı öneririz. Sizin yerinize [`createRoot`](/reference/react-dom/client/createRoot)'u çağıran bir framework ile çalışıyorsanız, Strict Modun nasıl etkileştirileceğine framework'ün dokümantasyonundan bakabilirsiniz.
Strict Mod kontrolleri **yalnızca geliştirme aşamasında çalıştırılsa da** size kodunuzda zaten var olan ancak üretim ortamında güvenilir bir şekilde tekrarlanması zor olabilen hataları bulmada yardımcı olurlar. Strict Modu, kullanıcılar farketmeden önce hataları bulmanızı sağlar.
diff --git a/src/content/reference/react/Suspense.md b/src/content/reference/react/Suspense.md
index bded13cea..7a8cb41ad 100644
--- a/src/content/reference/react/Suspense.md
+++ b/src/content/reference/react/Suspense.md
@@ -119,9 +119,9 @@ export default function Albums({ artistId }) {
```
```js src/data.js hidden
-// Not: Veri çekme işlemini yapma şekliniz, birlikte kullandığınız çatıya bağlıdır
+// Not: Veri çekme işlemini yapma şekliniz, birlikte kullandığınız framework'e bağlıdır
// ve Suspense ile birlikte çalışır.
-// Normalde, önbellekleme mantığı bir çatı içinde yer alır.
+// Normalde, önbellekleme mantığı bir framework içinde yer alır.
let cache = new Map();
@@ -208,7 +208,7 @@ async function getAlbums() {
**Sadece Suspense özellikli veri kaynakları Suspense bileşenini aktive edecektir.** Bunlara örnek olarak:
-- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense) gibi Suspense özellikli çatıları veri getirme
+- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense) gibi Suspense özellikli framework'leri veri getirme
- Bileşen kodunu [`lazy`](/reference/react/lazy) ile tembel yükleme
- Önbelleğe alınmış bir Promise değerini [`use`](/reference/react/use) ile okuma
@@ -334,9 +334,9 @@ export default function Albums({ artistId }) {
```
```js src/data.js hidden
-// Not: Veri çekme işlemini yapma şekliniz, birlikte kullandığınız çatıya bağlıdır
+// Not: Veri çekme işlemini yapma şekliniz, birlikte kullandığınız framework'e bağlıdır
// ve Suspense ile birlikte çalışır.
-// Normalde, önbellekleme mantığı bir çatı içinde yer alır.
+// Normalde, önbellekleme mantığı bir framework içinde yer alır.
let cache = new Map();
diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md
index f8bf5af9e..b23c69620 100644
--- a/src/content/reference/react/useDeferredValue.md
+++ b/src/content/reference/react/useDeferredValue.md
@@ -88,7 +88,7 @@ Güncellemeler esnasında, ertelenmiş değer en s
Bu örnekte Suspense etkinleştirilmiş veri kaynaklarından birini kullandığınız varsayılmaktadır:
-- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/getting-started/react-essentials) gibi Suspense etkinleştirilmiş çatılar vasıtasıyla veri çekilmesi
+- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/getting-started/react-essentials) gibi Suspense etkinleştirilmiş framework'ler vasıtasıyla veri çekilmesi
- [`lazy`](/reference/react/lazy) ile bileşen kodunun lazy yüklenmesi
- [`use`](/reference/react/use) ile bir Promise'in değerini okuma.
diff --git a/src/content/reference/react/useEffect.md b/src/content/reference/react/useEffect.md
index 235f20378..34c2a3181 100644
--- a/src/content/reference/react/useEffect.md
+++ b/src/content/reference/react/useEffect.md
@@ -894,7 +894,7 @@ Bu örnekte, `MapWidget` sınıfı yalnızca kendisine iletilen DOM node'unu yö
### Effect'ler ile veri getirme (fetching) {/*fetching-data-with-effects*/}
-Bileşeninize veri getirmek için Effect'i kullanabilirsiniz. [Eğer bir çatı kullanıyorsanız,](/learn/start-a-new-react-project#production-grade-react-frameworks) çatının veri getirme mekanizmasını kullanmanın Effect'i manuel olarak yazmaktan çok daha verimli olacağını unutmayın.
+Bileşeninize veri getirmek için Effect'i kullanabilirsiniz. [Eğer bir framework kullanıyorsanız,](/learn/start-a-new-react-project#production-grade-react-frameworks) framework'ün veri getirme mekanizmasını kullanmanın Effect'i manuel olarak yazmaktan çok daha verimli olacağını unutmayın.
Eğer manuel olarak Effect ile veri getirmek istiyorsanız, kodunuz şöyle görünebilir:
@@ -1046,7 +1046,7 @@ Effect'ler içinde `fetch` çağrıları yapmak, özellikle tamamen kullanıcı
Bu dezavantajlar listesi React'e özel değildir. Bu, herhangi bir kütüphane ile DOM'a eklenme sırasında yapılan veri getirme için geçerlidir. Yönlendirme (routing) de olduğu gibi, veri getirmenin iyi yapılması önemsiz değildir. Bu nedenle aşağıdaki yaklaşımları önermekteyiz:
-- **Eğer bir [çatı](/learn/start-a-new-react-project#production-grade-react-frameworks) kullanırsanız, çatının yerleşik veri getirme mekanizmasını kullanın.** Modern React çatıları verimli veri getirme mekanizmalarını entegre etmişlerdir ve yukarıdaki tehlikelerden uzak dururlar.
+- **Eğer bir [framework](/learn/start-a-new-react-project#production-grade-react-frameworks) kullanırsanız, framework'ün yerleşik veri getirme mekanizmasını kullanın.** Modern React framework'leri verimli veri getirme mekanizmalarını entegre etmişlerdir ve yukarıdaki tehlikelerden uzak dururlar.
- **Aksi halde, kullanıcı taraflı bir önbellek çözümü kullanmayı ya da kendiniz oluşturmayı düşünün.** Popüler açık kaynak çözümleri arasında [React Query](https://tanstack.com/query/latest/), [useSWR](https://swr.vercel.app/) ve [React Router 6.4+](https://beta.reactrouter.com/en/main/start/overview) vardır. Kendi çözümlerinizi de oluşturabilirsiniz. Kendi çözümünüzü uygularsanız, arka planda Effect'leri kullanır ancak aynı zamanda istekleri tekilleştirmek, yanıtları önbelleğe almak ve ağ şelalelerinden kaçınmak (verileri önceden yükleyerek veya veri gereksinimlerini rotalara kaldırarak) gibi mantıkları da ekleyebilirsiniz.
Eğer bu yaklaşımlardan hiçbiri size uymuyorsa, Effect'ler içinde veri getirmeye devam edebilirsiniz.
@@ -1731,7 +1731,7 @@ function Page({ url, shoppingCart }) {
### Sunucu ve kullanıcıda farklı içerikler gösterme {/*displaying-different-content-on-the-server-and-the-client*/}
-Uygulamanız sunucu render etme kullanıyorsa (ya [direkt olarak](/reference/react-dom/server) ya da [çatı kullanarak](/learn/start-a-new-react-project#production-grade-react-frameworks)), bileşeniniz iki farklı ortamda render edilecektir. Sunucuda, başlangıç HTML'ini oluşturmak için render edecektir. Kullanıcıda, React olay yönetecilerini HTML'e eklemek için render etme kodunu yeniden çalıştıracaktır. Bu nedenle, [hidrasyon](/reference/react-dom/client/hydrateRoot#hydrating-server-rendered-html) işleminin çalışması için, ilk render çıktınızın kullanıcı ve sunucuda aynı olması gerekir.
+Uygulamanız sunucu render etme kullanıyorsa (ya [direkt olarak](/reference/react-dom/server) ya da [framework kullanarak](/learn/start-a-new-react-project#production-grade-react-frameworks)), bileşeniniz iki farklı ortamda render edilecektir. Sunucuda, başlangıç HTML'ini oluşturmak için render edecektir. Kullanıcıda, React olay yönetecilerini HTML'e eklemek için render etme kodunu yeniden çalıştıracaktır. Bu nedenle, [hidrasyon](/reference/react-dom/client/hydrateRoot#hydrating-server-rendered-html) işleminin çalışması için, ilk render çıktınızın kullanıcı ve sunucuda aynı olması gerekir.
Bazı nadir durumlarda, kullanıcıda farklı içerik göstermek isteyebilirsiniz. Örneğin, uygulamanız [`localStorage`'dan](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) bazı veriler okuyorsa, bu işlemi sunucudan yapamaz. Bunu şu şekilde uygulayabilirsiniz:
diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md
index 97256b5b0..4878ba0c5 100644
--- a/src/content/reference/react/useTransition.md
+++ b/src/content/reference/react/useTransition.md
@@ -1214,7 +1214,7 @@ Transitions only "wait" long enough to avoid hiding *already revealed* content (
### Suspense özelliği etkinleştirilmiş yönlendirici oluşturma {/*building-a-suspense-enabled-router*/}
-Eğer bir React çatısı (framework) veya yönlendirici oluşturuyorsanız, sayfa gezinmelerini transition'lar olarak işaretlemenizi öneririz.
+Eğer bir React framework'ü veya yönlendirici oluşturuyorsanız, sayfa gezinmelerini transition'lar olarak işaretlemenizi öneririz.
```js {3,6,8}
function Router() {
diff --git a/src/content/reference/rsc/server-components.md b/src/content/reference/rsc/server-components.md
index 2878acf42..73730a923 100644
--- a/src/content/reference/rsc/server-components.md
+++ b/src/content/reference/rsc/server-components.md
@@ -22,9 +22,9 @@ Bu ayrı ortam, React Sunucu Bileşenlerinde "sunucu" olarak adlandırılır. Su
#### Sunucu Bileşenleri için nasıl destek oluşturulur? {/*how-do-i-build-support-for-server-components*/}
-React 19'daki React Sunucu Bileşenleri kararlı ve alt sürümler arasında kırılmayacak olsa da, bir React Sunucu Bileşenleri paketleyicisini veya çatısını uygulamak için kullanılan temel API'ler semver'ı takip etmez ve React 19.x'teki alt sürümler arasında kırılabilir.
+React 19'daki React Sunucu Bileşenleri kararlı ve alt sürümler arasında kırılmayacak olsa da, bir React Sunucu Bileşenleri paketleyicisini veya framework'ünü uygulamak için kullanılan temel API'ler semver'ı takip etmez ve React 19.x'teki alt sürümler arasında kırılabilir.
-React Sunucu Bileşenleri'ni bir paketleyici veya çatı olarak desteklemek için, belirli bir React sürümüne sabitlemenizi veya Canary sürümünü kullanmanızı öneririz. Gelecekte, React Sunucu Bileşenleri'ni uygulamak için kullanılan API'leri stabilize etmek amacıyla paketleyiciler ve çatılarla çalışmaya devam edeceğiz.
+React Sunucu Bileşenleri'ni bir paketleyici veya framework olarak desteklemek için, belirli bir React sürümüne sabitlemenizi veya Canary sürümünü kullanmanızı öneririz. Gelecekte, React Sunucu Bileşenleri'ni uygulamak için kullanılan API'leri stabilize etmek amacıyla paketleyiciler ve framework'lerle çalışmaya devam edeceğiz.
diff --git a/src/content/reference/rsc/use-client.md b/src/content/reference/rsc/use-client.md
index 35dbb4701..62da83fe9 100644
--- a/src/content/reference/rsc/use-client.md
+++ b/src/content/reference/rsc/use-client.md
@@ -151,7 +151,7 @@ Bu örnek uygulamanın modül bağımlılık ağacında, `InspirationGenerator.j
`'use client'` React Server Components uygulamasının modül bağımlılık ağacını segmentlere ayırarak `InspirationGenerator.js` ve tüm bağımlılıklarını istemci tarafından oluşturulmuş olarak işaretler.
-Render sırasında, çatı root bileşeni sunucuda render edecek ve [render ağacı](/learn/understanding-your-ui-as-a-tree#the-render-tree) üzerinden devam ederek istemci tarafından işaretlenmiş koddan alınan herhangi bir kodu değerlendirmeyi tercih etmeyecektir.
+Render sırasında, framework root bileşeni sunucuda render edecek ve [render ağacı](/learn/understanding-your-ui-as-a-tree#the-render-tree) üzerinden devam ederek istemci tarafından işaretlenmiş koddan alınan herhangi bir kodu değerlendirmeyi tercih etmeyecektir.
Render ağacının sunucu tarafından render edilen kısmı daha sonra istemciye gönderilir. İstemci, istemci kodunu indirdikten sonra ağacın geri kalanını oluşturmayı tamamlar.