diff --git a/next-env.d.ts b/next-env.d.ts index 3cd7048ed..52e831b43 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -1,6 +1,5 @@ /// /// -/// // NOTE: This file should not be edited -// see https://nextjs.org/docs/app/api-reference/config/typescript for more information. +// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information. diff --git a/src/content/learn/manipulating-the-dom-with-refs.md b/src/content/learn/manipulating-the-dom-with-refs.md index b1ad3c3a2..85f504ee3 100644 --- a/src/content/learn/manipulating-the-dom-with-refs.md +++ b/src/content/learn/manipulating-the-dom-with-refs.md @@ -644,21 +644,12 @@ Ancak bu hiç yapamayacağınız anlamına gelmez. Dikkat gerektirir. **React'in -<<<<<<< HEAD - Ref'ler genel bir kavramdır ancak çoğu zaman bunları DOM elemanlarını tutmak için kullanırsınız. - React'e `
` elemanını geçerek `myRef.current`'a bir DOM elemanı koymasını söylersiniz. - Genellikle DOM elemanlarına odaklama, kaydırma veya ölçme gibi zararsız işlevler için ref'leri kullanırsınız. - Bir bileşen varsayılan olarak DOM elemanlarını göstermez. `forwardRef` kullanarak ve ikinci `ref` parametresini belirli bir elemana geçirerek bir DOM elemanını göstermeyi seçebilirsiniz. - React tarafından yönetilen DOM elemanlarını değiştirmekten kaçının. - React tarafından yönetilen DOM elemanlarını değiştirmek isterseniz React'in güncellemek için bir nedeni olmayan kısımlarını değiştirin. -======= -- Refs are a generic concept, but most often you'll use them to hold DOM elements. -- You instruct React to put a DOM node into `myRef.current` by passing `
`. -- Usually, you will use refs for non-destructive actions like focusing, scrolling, or measuring DOM elements. -- A component doesn't expose its DOM nodes by default. You can opt into exposing a DOM node by using the `ref` prop. -- Avoid changing DOM nodes managed by React. -- If you do modify DOM nodes managed by React, modify parts that React has no reason to update. ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 @@ -1058,11 +1049,7 @@ img { -<<<<<<< HEAD -`SearchInput` gibi kendi bileşeninizden bir DOM elemanı gösterebilmek için `forwardRef`'e ihtiyacınız olacak. -======= -You'll need to pass `ref` as a prop to opt into exposing a DOM node from your own component like `SearchInput`. ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 +Kendi bileşeniniz olan `SearchInput` gibi bir bileşenden bir DOM düğümünü dışa açmak için `ref`'i bir prop olarak iletmeniz gerekecek. diff --git a/src/content/learn/react-compiler.md b/src/content/learn/react-compiler.md index 92f19aa4f..4608c8b38 100644 --- a/src/content/learn/react-compiler.md +++ b/src/content/learn/react-compiler.md @@ -311,11 +311,7 @@ export default defineConfig({ ### Webpack {/*usage-with-webpack*/} -<<<<<<< HEAD Bir topluluk Webpack yükleyicisi [artık burada mevcut](https://github.com/SukkaW/react-compiler-webpack). -======= -A community webpack loader is [now available here](https://github.com/SukkaW/react-compiler-webpack). ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 ### Expo {/*usage-with-expo*/} diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md index 86b831984..c60425838 100644 --- a/src/content/learn/render-and-commit.md +++ b/src/content/learn/render-and-commit.md @@ -70,15 +70,9 @@ export default function Image() { Bir bileşen ilk defa render edildikten sonra, [`set` fonksiyonu](/reference/react/useState#setstate) ile state'i güncelleyerek bileşenin tekrar render edilmesini sağlayabilirsiniz. Bileşeninizin state'ini güncellemek otomatik olarak sıraya bir render almaktadır. (Bunu restorandaki bir müşterinin susuzluk ve açlık durumuna göre ilk siparişini verdikten sonra çay, tatlı ve benzeri şeyleri sipariş etmesi gibi düşünebilirsiniz.) -<<<<<<< HEAD - - - -======= ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 ## 2. Adım: React bileşeninizi render eder {/*step-2-react-renders-your-components*/} @@ -90,11 +84,7 @@ Bir render tetiklediğiniz zaman React, ekranda neyin görüntüleneceğini beli Bu süreç recursive'dir (özyinelemeli): eğer güncellenmiş bileşen başka bir bileşen döndürüyorsa React bir sonra _o_ bileşeni render edecek, o bileşen de bir şey döndürüyorsa React bir sonra _o_ bileşeni render edecektir. Bu süreç daha fazla iç içe geçmiş bileşen kalmayıncaya ve React ekranda neyin görüntülenmesi gerektiğini bilene kadar deveam edecektir. -<<<<<<< HEAD Aşağıdaki örnekte React, `Gallery()` ve `Image()` bileşenlerini birkaç kez çağıracaktır: -======= -In the following example, React will call `Gallery()` and `Image()` several times: ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 @@ -158,17 +148,10 @@ Eğer güncellenen bileşen ağaçta çok yüksekteyse (üst bir eleman ise), g ## 3. Adım: React değişiklikleri DOM'a işler {/*step-3-react-commits-changes-to-the-dom*/} -<<<<<<< HEAD -Bileşenleriniz render edildikten (çağırıldıktan) sonra React, DOM'u değiştirir. - -* **İlk render için** React, [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API'nı kullanarak tüm DOM node'larını ekranda görüntüler. -* **Yeniden renderler için** React, DOM'un son render'daki çıktıyla eşleşmesi için gerekli olan asgari hesaplamaları (render edilme esnasında hesaplanmış!) yapar. -======= After rendering (calling) your components, React will modify the DOM. * **For the initial render,** React will use the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API to put all the DOM nodes it has created on screen. * **For re-renders,** React will apply the minimal necessary operations (calculated while rendering!) to make the DOM match the latest rendering output. ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 **React DOM node'larını sadece render'lar arasında farklılık varsa değiştirir.** Örneğin aşağıda, üst bileşeninden her saniye aldığı farklı prop'lar ile yeniden render edilen bir bileşen var. `` elementine yazı yazmanıza ve `değerini` güncellemenize rağmen yeniden render edilen bileşende yazdığınız yazının kaybolmadığına dikkat edin: diff --git a/src/content/learn/state-a-components-memory.md b/src/content/learn/state-a-components-memory.md index da148bdbf..ce0f258d8 100644 --- a/src/content/learn/state-a-components-memory.md +++ b/src/content/learn/state-a-components-memory.md @@ -1452,11 +1452,7 @@ Eğer linter'ınız [React için yapılandırılmışsa](/learn/editor-setup#lin #### Gereksiz state'i kaldırın {/*remove-unnecessary-state*/} -<<<<<<< HEAD Bu örnekte düğme tıklandığında kullanıcının adını istemesi ve ardından onları selamlayan bir uyarı görüntülemesi gerekiyordu. İsim bilgisini tutmak için state kullanmaya çalıştınız, ancak her zaman "Merhaba, !" şeklinde görüntüleniyor. -======= -When the button is clicked, this example should ask for the user's name and then display an alert greeting them. You tried to use state to keep the name, but for some reason the first time it shows "Hello, !", and then "Hello, [name]!" with the previous input every time after. ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 Bu kodu düzeltmek için gereksiz state değişkenini kaldırın. ([Bunun neden işe yaramadığını](/learn/state-as-a-snapshot) daha sonra tartışacağız.) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index e5ccb649f..6555d6620 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -295,11 +295,7 @@ export default function Square() { } ``` -<<<<<<< HEAD _Tarayıcı_ bölümü, içinde X olan bir kare göstermelidir: -======= -The _browser_ section should be displaying a square with an X in it like this: ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 ![İçinde x olan kare](../images/tutorial/x-filled-square.png) @@ -1329,11 +1325,7 @@ Bir kullanıcı tahtadaki solt üst kareye bir `X` eklemek için tıkladığınd 1. `handleClick` fonksiyonu (`0`) argümanını `square` dizisinin ilk elemanını `null`'dan `X`'e güncellemek için kullanır. 1. `Board` bileşeninin `squares` state'i güncellendi, bundan dolayı `Board` bileşeni ve alt bileşenleri yeniden renderlandı. Bu da `0` indeksli `Square` bileşeninin `value` prop'unun `null`'dan `X`'e değişmesine neden oldu. -<<<<<<< HEAD Sonuçta, kullanıcı tıklamayı yaptıktan sonra sol üst karenin `X` ile doldurulduğunu gördü. -======= -In the end the user sees that the upper left square has changed from empty to having an `X` after clicking it. ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 @@ -1414,11 +1406,7 @@ Ama durun, bir sorun var. Aynı kareye birden çok kez tıklamayı deneyin: `X`'in üzerine bir `O` yazılıyor! Bu oyuna çok ilginç bir değişiklik katacak olsa da, şimdilik orijinal kurallara bağlı kalacağız. -<<<<<<< HEAD Bir kareyi `X` veya `O` ile işaretlediğinizde, önce karenin zaten bir `X` veya `O` değerine sahip olup olmadığını kontrol etmiyorsunuz. Bunu *erken döndürerek* düzeltebilirsiniz. Karenin zaten bir `X` veya `O` değerine sahip olup olmadığını kontrol edeceksiniz. Eğer kare zaten doluysa, `handleClick` fonksiyonunda erken `return` yapacaksınız - tahta state'ini güncellemeye çalışmadan önce. -======= -When you mark a square with an `X` or an `O` you aren't first checking to see if the square already has an `X` or `O` value. You can fix this by *returning early*. You'll check to see if the square already has an `X` or an `O`. If the square is already filled, you will `return` in the `handleClick` function early--before it tries to update the board state. ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 ```js {2,3,4} function handleClick(i) { @@ -1568,11 +1556,7 @@ function calculateWinner(squares) { -<<<<<<< HEAD Bir oyuncunun kazanıp kazanmadığını kontrol etmek için `Board` bileşeninin `handleClick` fonksiyonunda `calculateWinner(squares)` fonksiyonunu çağıracaksınız. Bu kontrolü, kullanıcının zaten `X` veya `O` olan bir kareye tıklayıp tıklamadığını kontrol ederken aynı anda gerçekleştirebilirsiniz. Her iki durumda da erken döndürmek istiyoruz: -======= -You will call `calculateWinner(squares)` in the `Board` component's `handleClick` function to check if a player has won. You can perform this check at the same time you check if a user has clicked a square that already has an `X` or an `O`. We'd like to return early in both cases: ->>>>>>> fc29603434ec04621139738f4740caed89d659a7 ```js {2} function handleClick(i) { diff --git a/src/content/reference/react-dom/components/input.md b/src/content/reference/react-dom/components/input.md index d9237e08c..10e54a4a8 100644 --- a/src/content/reference/react-dom/components/input.md +++ b/src/content/reference/react-dom/components/input.md @@ -298,11 +298,7 @@ Tüm `` elemanlarınıza bir `name` değeri verin, örneğin ` -<<<<<<< HEAD -Varsayılan olarak `
` içindeki *herhangi bir* `