sync-366b5fbd

Author: anilcanboga

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

@@ -1004,13 +1004,8 @@ import { useEffect, useRef } from 'react';
 export default function MyInput({ value, onChange }) {
   const ref = useRef(null);
 
-<<<<<<< HEAD
   // YAPILACAK: Bu tam olarak çalışmamakta. Düzeltin.
   // ref.current.focus()    
-=======
-  // TODO: This doesn't quite work. Fix it.
-  // ref.current.focus()
->>>>>>> 366b5fbdadefecbbf9f6ef36c0342c083248c691
 
   return (
     <input

src/content/reference/react/useCallback.md

@@ -223,11 +223,7 @@ function useCallback(fn, dependencies) {
 
 #### useCallback'i her yere eklemeli misiniz? {/*should-you-add-usecallback-everywhere*/}
 
-<<<<<<< HEAD
-Uygulamanız bu site gibiyse ve basit etkileşimler barındırıyorsa (sayfayı veya bir bölümünü tamamen değiştirmek gibi), önbelleğe almak genelde gereksizdir. Ancak uygulamanız daha çok çizim editörüne benziyorsa ve etkileşimlerin çoğu ayrıntılıysa (şekilleri taşımak gibi), son derece faydalı olacaktır. 
-=======
-If your app is like this site, and most interactions are coarse (like replacing a page or an entire section), memoization is usually unnecessary. On the other hand, if your app is more like a drawing editor, and most interactions are granular (like moving shapes), then you might find memoization very helpful.
->>>>>>> 366b5fbdadefecbbf9f6ef36c0342c083248c691
+Eğer uygulaman sen bu siteye benziyorsa ve etkileşimlerin çoğu kaba (örneğin bir sayfanın veya tüm bir bölümün değiştirilmesi gibi) ise, memoization genellikle gereksizdir. Öte yandan, eğer uygulaman bir çizim editörüne daha çok benziyorsa ve etkileşimlerin çoğu daha ayrıntılı (örneğin şekilleri taşımak gibi) ise, o zaman memoization’ı oldukça faydalı bulabilirsin.
 
 Bir fonksiyonu `useCallback` ile önbelleğe almak yalnızca birkaç durum için faydalıdır:
 

src/content/reference/react/useDeferredValue.md

@@ -244,11 +244,7 @@ input { margin: 10px; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-Buna yaygın bir alternatif olan arayüz modeli, sonuç listesinin güncellenmesini *ertelemek* ve yeni sonuçlar hazır olana kadar öncekini göstermeye devam etmektir. Sorgunun ertelenmiş sürümünü aşağıya aktarmak için `useDeferredValue`'yu çağırın: 
-=======
-A common alternative UI pattern is to *defer* updating the list of results and to keep showing the previous results until the new results are ready. Call `useDeferredValue` to pass a deferred version of the query down:
->>>>>>> 366b5fbdadefecbbf9f6ef36c0342c083248c691
+Yaygın bir alternatif UI pattern, sonuçlar listesini güncellemeyi *defer* etmek ve yeni sonuçlar hazır olana kadar önceki sonuçları göstermeye devam etmektir. `useDeferredValue` çağırarak sorgunun *deferred* bir versiyonunu aşağıya iletebilirsin:
 
 ```js {3,11}
 export default function App() {

src/content/reference/react/useLayoutEffect.md

@@ -47,15 +47,9 @@ function Tooltip() {
 
 #### Parametreler {/*parameters*/}
 
-<<<<<<< HEAD
-* `kurulum (setup)`: Efekt kodunu barındıran fonksiyondur. Kurulum fonksiyonunuz ayrıca isteğe bağlı *temizleme (cleanup)* fonksiyonu döndürebilir. React, bileşeninizi DOM'a eklemeden önce kurulum fonksiyonunuzu çalıştırır. Bağımlılıkların değişmesiyle tetiklenen render'ların ardından öncelikle eski değerlerle birlikte temizleme fonksiyonunuzu (varsa) çalıştırılır ve ardından yeni değerlerle birlikte kurulum fonksiyonuzu çalıştırılır. Bileşen DOM'dan kaldırılmadan önce, React son kez temizleme fonksiyonunuzu çalıştırır.
- 
-* **isteğe bağlı** `bağımlılıklar (dependencies)`: Kurulum fonksiyonu içerisinde başvurulan reaktif değerlerin listesidir. Reaktif değerler; prop'lar, state'ler ve de bileşenin içerisinde tanımlanan değişkenler ve fonksiyonlardır. Linter'ınız [React için yapılandırılmışsa](/learn/editor-setup#linting), her reaktif değerin doğru bir şekilde bağımlılıklara eklendiğini kontrol eder. Bağımlılık listesi, sabit sayıda öğeye sahiptir ve `[dep1, dep2, dep3]` şeklinde satır içi yazılmalıdır. React, [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) kullanarak bağımlılıkları önceki değerleriyle karşılaştırır. Eğer bu argümanı atlarsanız, bileşen her render edildiğinde efekt çalıştırılır.
-=======
-* `setup`: The function with your Effect's logic. Your setup function may also optionally return a *cleanup* function. Before your component is added to the DOM, React will run your setup function. After every re-render with changed dependencies, React will first run the cleanup function (if you provided it) with the old values, and then run your setup function with the new values. Before your component is removed from the DOM, React will run your cleanup function.
-
-* **optional** `dependencies`: The list of all reactive values referenced inside of the `setup` code. Reactive values include props, state, and all the variables and functions declared directly inside your component body. If your linter is [configured for React](/learn/editor-setup#linting), it will verify that every reactive value is correctly specified as a dependency. The list of dependencies must have a constant number of items and be written inline like `[dep1, dep2, dep3]`. React will compare each dependency with its previous value using the [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison. If you omit this argument, your Effect will re-run after every re-render of the component.
->>>>>>> 366b5fbdadefecbbf9f6ef36c0342c083248c691
+* `setup`: Effect'in mantığını içeren fonksiyondur. `setup` fonksiyonun isteğe bağlı olarak bir *cleanup* fonksiyonu da döndürebilir. Component DOM’a eklenmeden önce React `setup` fonksiyonunu çalıştırır. Değişen dependencies ile her yeniden render sonrasında React önce *cleanup* fonksiyonunu (eğer sağladıysan) eski değerlerle çalıştırır, ardından `setup` fonksiyonunu yeni değerlerle çalıştırır. Component DOM’dan kaldırılmadan önce React *cleanup* fonksiyonunu çalıştırır.
+
+* **optional** `dependencies`: `setup` kodu içinde referans verilen tüm reactive value’ların listesi. Reactive value’lar props, state ve component body’si içinde doğrudan tanımlanan tüm değişkenler ve fonksiyonları kapsar. Eğer linter’in [React için yapılandırıldıysa](/learn/editor-setup#linting), her reactive value’nun doğru şekilde dependency olarak belirtildiğini doğrulayacaktır. Dependencies listesi sabit sayıda öğeye sahip olmalı ve `[dep1, dep2, dep3]` şeklinde inline yazılmalıdır. React her dependency’yi önceki değeriyle [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) karşılaştırması kullanarak karşılaştırır. Eğer bu argümanı atarsan, Effect her component re-render işleminden sonra yeniden çalışır.
 
 #### Dönüş değeri {/*returns*/}
 

src/content/reference/react/useMemo.md

@@ -149,11 +149,7 @@ Ayrıca, geliştirme sırasında performans ölçümünün size en doğru sonuç
 
 #### Her yere useMemo'yu  eklemeli misiniz? {/*should-you-add-usememo-everywhere*/}
 
-<<<<<<< HEAD
-Uygulamanız bu site gibiyse ve etkileşimler detaylı değilse (bir sayfayı veya tüm bir bölümü değiştirmek gibi), memoization genellikle gereksizdir. Öte yandan, uygulamanız daha çok bir çizim editörüne benziyorsa ve etkileşimlerin çoğu ayrıntılı ise (şekilleri taşımak gibi), o zaman memoization'ı çok yararlı bulabilirsiniz.
-=======
-If your app is like this site, and most interactions are coarse (like replacing a page or an entire section), memoization is usually unnecessary. On the other hand, if your app is more like a drawing editor, and most interactions are granular (like moving shapes), then you might find memoization very helpful.
->>>>>>> 366b5fbdadefecbbf9f6ef36c0342c083248c691
+Eğer uygulaman bu siteye benziyorsa ve etkileşimlerin çoğu kaba (örneğin bir sayfanın veya tüm bir bölümün değiştirilmesi gibi) ise, **memoization** genellikle gereksizdir. Öte yandan, eğer uygulaman bir çizim editörüne daha çok benziyorsa ve etkileşimlerin çoğu daha ayrıntılı (örneğin şekilleri taşımak gibi) ise, o zaman **memoization**’ı oldukça faydalı bulabilirsin.
 
 `useMemo` ile optimizasyon sadece birkaç durumda değerlidir: