Sync with react.dev @ d52b3ec

Author: anilcanboga

src/content/learn/add-react-to-an-existing-project.md

@@ -20,19 +20,11 @@ Diyelim ki `example.com`'da başka bir sunucu teknolojisi (Rails gibi) ile oluş
 
 Kurulumu şu şekilde yapmanızı öneririz:
 
-<<<<<<< HEAD
-1. **Uygulamanızın React kısmını oluşturun** [React tabanlı frameworklerden](/learn/start-a-new-react-project) birini kullanarak.
-2. **/some-app'i *temel yol* olarak belirtin** framework'ünüzün yapılandırmasında (işte nasıl yapılacağı: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
-3. **Sunucunuzu veya bir proxy'yi yapılandırın** böylece `/some-app/` altındaki tüm istekler React uygulamanız tarafından işlenir.
+1. React tabanlı framework'lerden birini kullanarak **Uygulamanızın React kısmını oluşturun** [React tabanlı framework'ler](/learn/creating-a-react-app).
+2. **Çerçevenizin yapılandırmasında *temel yol*** olarak `/some-app` belirleyin (nasıl olduğu burada: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
+3. **Sunucunuzu veya bir proxy'yi** `/some-app/' altındaki tüm isteklerin React uygulamanız tarafından işleneceği şekilde yapılandırın.
 
-Bu, uygulamanızın React bölümünün bu kütüphanelerde oluşturulmuş [en iyi uygulamalardan yararlanabilmesini sağlar](/learn/start-a-new-react-project#can-i-use-react-without-a-framework).
-=======
-1. **Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
-2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
-3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
-
-This ensures the React part of your app can [benefit from the best practices](/learn/creating-a-react-app#full-stack-frameworks) baked into those frameworks.
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+Bu, uygulamanızın React kısmının bu çerçevelerde bulunan [en iyi uygulamalardan](/learn/creating-a-react-app#full-stack-frameworks) yararlanabilmesini sağlar.
 
 Birçok React tabanlı kütüphaneler, ön ve arka yüz geliştirmede kullanılabilir ve React uygulamanızın sunucudan yararlanmasına izin verir. Ancak, sunucuda JavaScript çalıştıramasanız veya istemeseniz bile aynı yaklaşımı kullanabilirsiniz. Bu durumda HTML/CSS/JS dışa aktarımını (Next.js için [`next export` çıktısı](https://nextjs.org/docs/advanced-features/static-html-export), Gatsby için varsayılan) bunun yerine `/some-app/` konumunda sunun.
 
@@ -157,11 +149,7 @@ root.render(<NavigationBar />);
 
 `index.html'deki` orijinal HTML içeriğinin nasıl korunduğuna dikkat edin, ancak kendi `NavigationBar` React bileşeniniz artık HTML'nizden `<nav id="navigation">` içinde görünüyor. React bileşenlerini mevcut bir HTML sayfasında render etme hakkında daha fazla bilgi edinmek için [`createRoot` dökümantasyonunu](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) okuyun.
 
-<<<<<<< HEAD
-Mevcut bir projede React'i kullandığınızda, küçük etkileşimli bileşenlerle (butonlar gibi) başlamak ve ardından, sonunda tüm sayfanız React ile oluşturulana kadar yavaş yavaş "yukarı doğru ilerlemeye" devam etmek yaygındır. Bu noktaya ulaşırsanız, React'ten en iyi şekilde yararlanmak için hemen ardından bir [bir React kütüphanesine](/learn/start-a-new-react-project) geçmenizi öneririz.
-=======
-When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/creating-a-react-app) right after to get the most out of React.
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+Mevcut bir projede React'i benimsediğinizde, küçük etkileşimli bileşenlerle (butonlar gibi) başlamak ve sonunda tüm sayfanız React ile oluşturulana kadar kademeli olarak “yukarı doğru” ilerlemek yaygındır. Bu noktaya ulaşırsanız, React'ten en iyi şekilde yararlanmak için hemen ardından [bir React framework'üne](/learn/creating-a-react-app) geçmenizi öneririz.
 
 ## React Native'i mevcut bir yerel mobil uygulamada kullanma {/*using-react-native-in-an-existing-native-mobile-app*/}
 

src/content/learn/synchronizing-with-effects.md

@@ -732,13 +732,8 @@ 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:
 
-<<<<<<< HEAD
-- **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.
-=======
-- **If you use a [framework](/learn/creating-a-react-app#full-stack-frameworks), use its built-in data fetching mechanism.** Modern React frameworks have integrated data fetching mechanisms that are efficient and don't suffer from the above pitfalls.
-- **Otherwise, consider using or building a client-side cache.** Popular open source solutions include [React Query](https://tanstack.com/query/latest), [useSWR](https://swr.vercel.app/), and [React Router 6.4+.](https://beta.reactrouter.com/en/main/start/overview) You can build your own solution too, in which case you would use Effects under the hood, but add logic for deduplicating requests, caching responses, and avoiding network waterfalls (by preloading data or hoisting data requirements to routes).
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+- **Bir [framework](/learn/creating-a-react-app#full-stack-frameworks) kullanıyorsanız, yerleşik data fetch mekanizmasını kullanın.** Modern React framework'leri, verimli olan ve yukarıdaki tuzaklardan muzdarip olmayan entegre data fetch mekanizmalarına sahiptir.
+- **Aksi takdirde, istemci taraflı bir cache kullanmayı veya oluşturmayı düşünebilirsiniz.** 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) bulunmaktadır. Kendi çözümünüzü de oluşturabilirsiniz, bu durumda kaputun altındaki *Effects*'i kullanırsınız, ancak istekleri tekilleştirmek, yanıtları önbelleğe almak ve ağ şelalelerinden kaçınmak için mantık eklersiniz (verileri önceden yükleyerek veya veri gereksinimlerini rotalara kaldırarak).
 
 Eğer bu yaklaşımlardan hiçbiri size uymuyorsa, Efektler içinde veri getirmeye devam edebilirsiniz.
 

src/content/learn/typescript.md

@@ -11,27 +11,16 @@ TypeScript, JavaScript kod tabanlarına tip tanımları eklemenin popüler bir y
 
 <YouWillLearn>
 
-<<<<<<< HEAD
-* [React Bileşenleri ile TypeScript](/learn/typescript#typescript-with-react-components)
-* [Hook'larda Tip Kullanımına Örnekler](/learn/typescript#example-hooks)
-* [`@types/react`dan Yaygın Tipler](/learn/typescript/#useful-types)
-* [Ek Kaynaklar](/learn/typescript/#further-learning)
-=======
-* [TypeScript with React Components](/learn/typescript#typescript-with-react-components)
-* [Examples of typing with Hooks](/learn/typescript#example-hooks)
-* [Common types from `@types/react`](/learn/typescript#useful-types)
-* [Further learning locations](/learn/typescript#further-learning)
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+* [React Bileşenlerinde TypeScript kullanımı](/learn/typescript#typescript-with-react-components)
+* [Hook'larla tip tanımlama örnekleri](/learn/typescript#example-hooks)
+* [`@types/react` içindeki yaygın türler](/learn/typescript#useful-types)
+* [İleri seviye öğrenme kaynakları](/learn/typescript#further-learning)
 
 </YouWillLearn>
 
 ## Kurulum {/*installation*/}
 
-<<<<<<< HEAD
-Tüm [canlı ortam düzeyinde React framework’leri](/learn/start-a-new-react-project#production-grade-react-frameworks) TypeScript kullanımı için destek sunar. Kurulum için framework’e özgü kılavuzu takip edin:
-=======
-All [production-grade React frameworks](/learn/creating-a-react-app#full-stack-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation:
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+Tüm [üretim düzeyindeki React framework'leri](/learn/creating-a-react-app#full-stack-frameworks), TypeScript kullanımını destekler. Kurulum için framework’e özel kılavuzu takip edin:
 
 - [Next.js](https://nextjs.org/docs/app/building-your-application/configuring/typescript)
 - [Remix](https://remix.run/docs/en/1.19.2/guides/typescript)

src/content/learn/you-might-not-need-an-effect.md

@@ -26,11 +26,7 @@ Efektlere ihtiyaç duymadığınız iki yaygın durum vardır:
 * **Verileri işlemek üzere dönüştürmek için Efektlere ihtiyacınız yoktur.** Örneğin, bir listeyi göstermeden önce o listeyi filtrelemek istediğinizi varsayalım. Liste değiştiğinde bir state değişkenini güncelleyen bir Efekt yazmak cazip hissettirebilir. Ancak, bu yöntem verimsizdir. State'i güncellediğinizde, React ilk olarak ekranda ne gözükeceğini hesaplamak için öncelikle bileşen fonksiyonlarınızı çağırır. Daha sonra React ekranı güncelleyerek bu değişiklikleri DOM'a ["işleyecektir"](/learn/render-and-commit). Ardından React Efektlerinizi çalıştıracaktır. Efektiniz *ayrıca* state'i anında güncelliyorsa, bu tüm süreci yeniden sıfırdan başlatır! Gereksiz render geçişlerini önlemek için bileşenlerinizin en üst düzeyindeki tüm verileri dönüştürün. Bu kod propslarınız veya stateleriniz değiştiğinde otomatik olarak yeniden çalışacaktır.
 * **Kulanıcı olaylarını yönetmek için Efektlere ihtiyacınız yoktur.** Örneğin, `/api/buy` POST isteği göndermek ve kullanıcı bir ürün satın aldığında bir bildirim göstermek istediğinizi varsayalım. Satın Al buton olay yöneticisi içerisinde, kesinlikle ne olacağını bilirsiniz. Efekt çalıştığında, kullanınıcının *ne* yaptığını bilemezsiniz (örneğin, hangi butona tıklandığını). Bu sebeple, genellikle kullanıcı olaylarını karşılık gelen olay yöneticileri içerisinde ele alacaksınız.
 
-<<<<<<< HEAD
-Dış sistemlerle [senkronize](/learn/synchronizing-with-effects#what-are-effects-and-how-are-they-different-from-events) olmak için Efektleri *kullanmanız* gerekmektedir. Örneğin, bir jQuery bileşenini React state'i ile senkronize eden bir Efekt yazabilirsiniz. Ayrıca Efektler ile data çekebilirsiniz: Örneğin, mevcut arama sorgusuyla arama sonuçlarını senkronize edebilirsiniz. Unutmayın ki modern [frameworkler](/learn/start-a-new-react-project#production-grade-react-frameworks) bileşenlerinizde doğrudan Efektler yazmak yerine daha verimli ve entegre veri çekme mekanizmaları sunarlar.
-=======
-You *do* need Effects to [synchronize](/learn/synchronizing-with-effects#what-are-effects-and-how-are-they-different-from-events) with external systems. For example, you can write an Effect that keeps a jQuery widget synchronized with the React state. You can also fetch data with Effects: for example, you can synchronize the search results with the current search query. Keep in mind that modern [frameworks](/learn/creating-a-react-app#full-stack-frameworks) provide more efficient built-in data fetching mechanisms than writing Effects directly in your components.
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+Harici sistemlerle [senkronize olmak](/learn/synchronizing-with-effects#what-are-effects-and-how-are-they-different-from-events) için *gerçekten* Effects kullanmanız gerekir. Örneğin, bir jQuery bileşenini React state’iyle senkronize tutan bir Effect yazabilirsiniz. Ayrıca veri fetch etmek için de Effects kullanabilirsiniz: örneğin, arama sonuçlarını mevcut arama sorgusuyla senkronize edebilirsiniz. Unutmayın ki modern [framework'ler](/learn/creating-a-react-app#full-stack-frameworks), bileşenlerinizde doğrudan Effect yazmaktan daha verimli yerleşik veri fetch mekanizmaları sunar.
 
 Doğru sezgiyi kazanmanıza yardımcı olmak için, hadi bazı yaygın somut örneklere göz atalım!
 
@@ -757,11 +753,7 @@ Bu, Efektiniz veri çektiğinde, en son istenen isteğin haricindeki tüm yanıt
 
 Race conditionları yönetmek, veri çekme işlemini uygularken karşılaşılan tek zorluk değildir. Ayrıca yanıtların önbelleğe alınması (kullanıcının Back butonuna tıkladığında önceki ekranı anında görebilmesi için), sunucuda veri çekme işleminin nasıl gerçekleştirileceği (ilk sunucu tarafından oluşturulan HTML'in spinner yerine çekilen içeriği içermesi için) ve ağ gecikmelerinden kaçınma yöntemleri (bir alt elemanın, üst elemanların tamamlanmasını beklemeksizin veri çekme işlemi yapabilmesi) gibi düşüncelerde bulunmanız gerekebilir.
 
-<<<<<<< HEAD
-**Bu sorunlar sadece React için değil, herhangi bir UI kütüphanesi için geçerlidir. Bunları çözmek kolay değildir, bu yüzden modern [frameworkler](/learn/start-a-new-react-project#production-grade-react-frameworks) verileri Efektlerin içerisinden çekmek yerine daha verimli yerleşik veri çekme mekanizmaları sunar.**
-=======
-**These issues apply to any UI library, not just React. Solving them is not trivial, which is why modern [frameworks](/learn/creating-a-react-app#full-stack-frameworks) provide more efficient built-in data fetching mechanisms than fetching data in Effects.**
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+**Bu sorunlar yalnızca React için değil, tüm UI kütüphaneleri için geçerlidir. Bunları çözmek kolay değildir; bu yüzden modern [framework'ler](/learn/creating-a-react-app#full-stack-frameworks), veriyi Effects içinde fetch etmekten daha verimli yerleşik veri fetch mekanizmaları sunar.**
 
 Eğer bir framework kullanmadıysanız (ve kendiniz oluşturmak istemiyorsanız) ama Efektlerden veri çekme işlemini daha kolay şekilde yapmak istiyorsanız, kendi veri çekme mantığınızı bu örnekteki gibi özel bir Hook'a çevirin:
 

src/content/learn/your-first-component.md

@@ -215,11 +215,7 @@ React uygulamanız "kök" bileşeninde başlar. Bu bileşen genel olarak yeni bi
 
 Ç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.
 
-<<<<<<< HEAD
-[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.
-=======
-[React-based frameworks](/learn/creating-a-react-app) take this a step further. Instead of using an empty HTML file and letting React "take over" managing the page with JavaScript, they *also* generate the HTML automatically from your React components. This allows your app to show some content before the JavaScript code loads.
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+[React tabanlı framework'ler](/learn/creating-a-react-app) bunu bir adım daha ileri götürür. Boş bir HTML dosyası kullanmak ve React'in sayfayı JavaScript ile “ele almasına” izin vermek yerine, React bileşenlerinizden otomatik olarak HTML *de* oluştururlar. Bu sayede uygulamanız, JavaScript kodu yüklenmeden önce bazı içerikleri gösterebilir.
 
 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.
 

src/content/reference/react-dom/client/index.md

@@ -4,11 +4,7 @@ title: İstemci React DOM API'leri
 
 <Intro>
 
-<<<<<<< HEAD
-`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.
-=======
-The `react-dom/client` APIs let you render React components on the client (in the browser). These APIs are typically used at the top level of your app to initialize your React tree. A [framework](/learn/creating-a-react-app#full-stack-frameworks) may call them for you. Most of your components don't need to import or use them.
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+`react-dom/client` API'leri, React bileşenlerini istemci tarafında (tarayıcıda) render etmenizi sağlar. Bu API'ler genellikle uygulamanızın en üst seviyesinde React ağacınızı başlatmak için kullanılır. Bir [framework](/learn/creating-a-react-app#full-stack-frameworks) bunları sizin için çağırabilir. Çoğu bileşeninizin bunları import etmesi veya kullanması gerekmez.
 
 </Intro>
 

src/content/reference/react-dom/components/common.md

@@ -915,11 +915,7 @@ export default function Form() {
 
 </Sandpack>
 
-<<<<<<< HEAD
-[DOM'u ref'lerle manipüle etme](/learn/manipulating-the-dom-with-refs) hakkında daha fazlasını okuyun ve [daha fazla örneğe göz atın.](/reference/react/useRef#examples-dom)
-=======
-Read more about [manipulating DOM with refs](/learn/manipulating-the-dom-with-refs) and [check out more examples.](/reference/react/useRef#usage)
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+[Refs ile DOM manipülasyonu](/learn/manipulating-the-dom-with-refs) hakkında daha fazla bilgi edinin ve [daha fazla örneğe göz atın.](/reference/react/useRef#usage)
 
 Daha ileri düzey kullanım durumları için `ref` niteliği ayrıca bir [callback fonksiyonu](#ref-callback) da kabul eder.
 

src/content/reference/react-dom/components/input.md

@@ -30,10 +30,7 @@ Ekranda bir girdi göstermek için, [tarayıcıya yerleşik `<input>`](https://d
 
 #### Prop'lar {/*props*/}
 
-<<<<<<< HEAD
-=======
-`<input>` supports all [common element props.](/reference/react-dom/components/common#common-props)
->>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
+`<input>`, tüm [yaygın element özelliklerini](/reference/react-dom/components/common#common-props) destekler.
 
 `<input>` tüm [ortak eleman proplarını](/reference/react-dom/components/common#props) destekler.