sync-d34c6a2c

Author: anilcanboga

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

@@ -211,7 +211,7 @@ Bunun nedeni **Hook'ların bileşeninizin sadece en üst seviyesinde çağrılma
 
 Bunun olası bir yolu ana elemana tek bir ref almak ve ardından tek tek alt elemanı bulmak için [`querySelectorAll`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll) gibi DOM manipülasyon yöntemlerini kullanmaktır. Ancak bu yöntem tutarsızdır ve DOM yapınız değişirse işlevsiz hale gelebilir.
 
-Another solution is to **pass a function to the `ref` attribute.** This is called a [`ref` callback.](/reference/react-dom/components/common#ref-callback) React will call your ref callback with the DOM node when it's time to set the ref, and call the cleanup function returned from the callback when it's time to clear it. This lets you maintain your own array or a [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map), and access any ref by its index or some kind of ID.
+Başka bir çözüm, **`ref` attribute’una bir fonksiyon geçmektir.** Buna [`ref` callback](/reference/react-dom/components/common#ref-callback) denir. React, `ref` callback’inizi ayarlama zamanı geldiğinde DOM node ile çağırır ve temizleme zamanı geldiğinde callback’ten dönen cleanup fonksiyonunu çağırır. Bu, kendi array’inizi veya bir [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) yapınızı korumanıza ve herhangi bir `ref`’e index veya bir tür ID ile erişmenize olanak tanır.
 
 Bu örnek uzun bir listede rastgele bir elemana kaydırmak için bu yaklaşımı nasıl kullanabileceğimizi gösterir:
 

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -1421,13 +1421,7 @@ Bir [tasarım sistemine](https://uxdesign.cc/everything-you-need-to-know-about-d
 
 #### React veri getirme için herhangi bir yerleşik çözüm sağlayacak mı? {/*will-react-provide-any-built-in-solution-for-data-fetching*/}
 
-<<<<<<< HEAD
-Detaylar üzerine çalışmaya devam ediyoruz, ancak gelecekte veri getirmeyi şu şekilde yazmanızı bekliyoruz:
-
-```js {1,4,6}
-import { use } from 'react'; // Henüz mevcut değil!
-=======
-Today, with the [`use`](/reference/react/use#streaming-data-from-server-to-client) API, data can be read in render by passing a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) to `use`:
+Bugün, [`use`](/reference/react/use#streaming-data-from-server-to-client) API’si ile, bir [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) `use`’a geçirilerek render sırasında veri okunabilir:
 
 ```js {1,4,11}
 import { use, Suspense } from "react";
@@ -1450,7 +1444,6 @@ We're still working out the details, but we expect that in the future, you'll wr
 
 ```js {1,4,6}
 import { use } from 'react';
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
 
 function ShippingForm({ country }) {
   const cities = use(fetch(`/api/cities?country=${country}`));

src/content/learn/tutorial-tic-tac-toe.md

@@ -283,15 +283,9 @@ CodeSanbox'ta üç ana bölüm göreceksiniz:
 
 ![Başlangıç kodu ile CodeSandbox](../images/tutorial/react-starter-code-codesandbox.png)
 
-<<<<<<< HEAD
-1. _Files_ bölümünde `App.js`, `index.js`, `styles.css` gibi dosyaların listesi ve `public` dosyası vardır
-1. Seçtiğiniz dosyanın kaynak kodunu göreceğiniz _kod editörü_ bölümü 
-1. Yazdığınız kodun nasıl görüntüleneceğini gösteren _tarayıcı_ bölümü
-=======
-1. The _Files_ section with a list of files like `App.js`, `index.js`, `styles.css` in `src` folder and a folder called `public`
-1. The _code editor_ where you'll see the source code of your selected file
-1. The _browser_ section where you'll see how the code you've written will be displayed
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
+1. `src` klasöründe `App.js`, `index.js`, `styles.css` gibi dosyaların listelendiği _Files_ bölümü ve `public` adında bir klasör  
+1. Seçtiğin dosyanın kaynak kodunu göreceğin _code editor_  
+1. Yazdığın kodun nasıl görüntüleneceğini göreceğin _browser_ bölümü  
 
 _Files_ bölümünde `App.js` dosyası seçili olmalıdır. O dosyanın içeriği _kod editöründe_ şöyle olmalıdır:
 

src/content/learn/typescript.md

@@ -37,16 +37,9 @@ npm install --save-dev @types/react @types/react-dom
 
 `tsconfig.json` dosyanızda aşağıdaki derleyici seçeneklerinin ayarlanması gerekir::
 
-<<<<<<< HEAD
-1. `dom`, [`lib`](https://www.typescriptlang.org/tsconfig/#lib)'e dahil edilmelidir  (Not: Eğer `lib` seçeneği belirtilmemişse, `dom` varsayılan olarak dahil edilir).
-1. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) geçerli seçeneklerden birine ayarlanmalıdır. Çoğu uygulama için  `preserve` yeterli olacaktır.
-Eğer bir kütüphane yayımlıyorsanız, hangi değeri seçeceğiniz konusunda
-  If you're publishing a library, consult the [`jsx` documentation](https://www.typescriptlang.org/tsconfig/#jsx) başvurun.
-=======
-1. `dom` must be included in [`lib`](https://www.typescriptlang.org/tsconfig/#lib) (Note: If no `lib` option is specified, `dom` is included by default).
-2. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) must be set to one of the valid options. `preserve` should suffice for most applications.
-  If you're publishing a library, consult the [`jsx` documentation](https://www.typescriptlang.org/tsconfig/#jsx) on what value to choose.
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
+1. [`lib`](https://www.typescriptlang.org/tsconfig/#lib) içinde `dom` bulunmalıdır (Not: Eğer `lib` seçeneği belirtilmezse, `dom` varsayılan olarak dahildir).  
+2. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx), geçerli seçeneklerden birine ayarlanmalıdır. Çoğu uygulama için `preserve` yeterli olacaktır.  
+   Eğer bir kütüphane yayımlıyorsanız, hangi değeri seçeceğinizi öğrenmek için [`jsx` dokümantasyonuna](https://www.typescriptlang.org/tsconfig/#jsx) bakın.  
 
 ## React Bileşenleri ile TypeScript {/*typescript-with-react-components*/}
 

src/content/reference/react/StrictMode.md

@@ -222,15 +222,10 @@ li {
 
 </Sandpack>
 
-<<<<<<< HEAD
-Yukardaki kodda ilk çıktı doğru olduğu için gözden kaçırmanın çok kolay olduğu bir hata bulunmaktadır.
-=======
-There is a mistake in the code above. However, it is easy to miss because the initial output appears correct.
+Yukarıdaki kodda bir hata var. Ancak ilk çıktının doğru görünmesi nedeniyle fark etmesi kolay değildir.
 
-This mistake will become more noticeable if the `StoryTray` component re-renders multiple times. For example, let's make the `StoryTray` re-render with a different background color whenever you hover over it:
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
+Bu hata, `StoryTray` bileşeni birden fazla kez render edilirse daha çok göze çarpar. Örneğin, `StoryTray`'i imleç ile üzerine geldiğinizde arka plan rengi değişecek şekilde yeniden render edelim:
 
-Bu hata `StoryTray` bileşeni birden fazla kez render edilirse daha çok göze çarpar. Örneğin, `StoryTray`'i imleç ile üzerine geldiğinizde arka plan rengi değişecek şekilde yeniden render edelim: 
 <Sandpack>
 
 ```js src/index.js
@@ -1162,29 +1157,6 @@ export default function CatFriends() {
       </nav>
       <div>
         <ul>
-<<<<<<< HEAD
-          {animals.map((animal) => (
-              <li
-                key={animal.src}
-                ref={(node) => {
-                  const list = itemsRef.current;
-                  const item = {animal, node};
-                  list.push({animal: animal, node});
-                  console.log(`✅ Haritaya hayvan ekleniyor. Toplam hayvan sayısı: ${list.length}`);
-                  if (list.length > 10) {
-                    console.log('❌ Listede çok fazla hayvan var!');
-                  }
-                  return () => {
-                    list.splice(list.indexOf(item));
-                    console.log(`❌ Haritadan hayvan çıkarılıyor. Toplam hayvan sayısı: ${itemsRef.current.length}`);
-                  }
-                }}
-              >
-                <img src={animal.src} />
-              </li>
-            ))}
-          
-=======
           {cats.map((cat) => (
             <li
               key={cat.src}
@@ -1205,7 +1177,6 @@ export default function CatFriends() {
               <img src={cat.src} />
             </li>
           ))}
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
         </ul>
       </div>
     </>
@@ -1269,13 +1240,8 @@ Artık StrictMode'da ilk mount sırasında, ref geri çağırmaları tamamen kur
 
 Strict Mode olmadan, hatayı fark edene kadar uygulamada tıklamadan bozuk özellikleri gözlemlemek zordu. Strict Mode, hataları hemen görünür hale getirdi, böylece bunları üretime göndermeden önce fark edebilirsiniz.
 
-<<<<<<< HEAD
---- 
-### Strict Mode tarafından etkinleştirilen deprecation uyarılarını düzeltme {/*fixing-deprecation-warnings-enabled-by-strict-mode*/}
-=======
 ---
-### Fixing deprecation warnings enabled by Strict Mode {/*fixing-deprecation-warnings-enabled-by-strict-mode*/}
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
+### Strict Mode ile etkinleştirilen kullanım dışı (deprecation) uyarılarını düzeltme {/*fixing-deprecation-warnings-enabled-by-strict-mode*/}
 
 React, `<StrictMode>` içindeki herhangi bir bileşende aşağıdaki kullanımdan kaldırılan API'lardan biri kullanılıyorsa sizi uyarır:
 

src/content/reference/react/forwardRef.md

@@ -12,11 +12,7 @@ In React 19, `forwardRef` is no longer necessary. Pass `ref` as a prop instead.
 
 <Intro>
 
-<<<<<<< HEAD
-`forwardRef`, bileşeninizin bir DOM elemanını, üst bileşene [ref](/learn/manipulating-the-dom-with-refs) (referans) ile iletmenize olanak sağlar.
-=======
-`forwardRef` lets your component expose a DOM node to the parent component with a [ref.](/learn/manipulating-the-dom-with-refs)
->>>>>>> d34c6a2c6fa49fc6f64b07aa4fa979d86d41c4e8
+`forwardRef`, bileşeninizin bir DOM node’unu [ref](/learn/manipulating-the-dom-with-refs) aracılığıyla parent bileşene açmasına olanak tanır.
 
 ```js
 const SomeComponent = forwardRef(render)