You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/reusing-logic-with-custom-hooks.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1335,11 +1335,7 @@ export function useOnlineStatus() {
1335
1335
1336
1336
Yukarıdaki örnekte, `useOnlineStatus`, [`useState`](/reference/react/useState) ve [`useEffect`.](/reference/react/useEffect) ikilisi kullanılarak oluşturulmuştur. Ancak, bu en iyi muhtemel çözüm değildir. Dikkate alınmayan birçok uç senaryo vardır. Örneğin, bileşen DOM'a eklendiğinde, `isOnline`'ın halihazırda `true` olacağını varsayar, ancak ağ halihazırda çevrimdışı olduğunda bu yanlış olabilir. Bu durumu kontrol etmek için tarayıcının [`navigator.onLine`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine) API'sini kullanabilirsiniz, ancak bunu doğrudan kullanmak ilk HTML'i sunucuda oluşturmak için çalışmayacaktır. Kısacası, bu kod geliştirilebilir.
1337
1337
1338
-
<<<<<<<HEAD
1339
-
Şansımıza, React 18 bu sorunların hepsini sizin için çözecek olan [`useSyncExternalStore`](/reference/react/useSyncExternalStore) adında özel bir API içerir. İşte bu yeni API'den faydalanarak yeniden yazılmış `useOnlineStatus` Hook'unuz:
1340
-
=======
1341
-
React includes a dedicated API called [`useSyncExternalStore`](/reference/react/useSyncExternalStore) which takes care of all of these problems foryou. Here is your `useOnlineStatus` Hook, rewritten to take advantage ofthisnewAPI:
1342
-
>>>>>>>5138e605225b24d25701a1a1f68daa90499122a4
1338
+
React, tüm bu sorunları sizin için çözen özel bir API olan [`useSyncExternalStore`](/reference/react/useSyncExternalStore) adlı bir yapı sunar. İşte bu yeni API'den faydalanacak şekilde yeniden yazılmış `useOnlineStatus` Hook'u:
Copy file name to clipboardExpand all lines: src/content/learn/tutorial-tic-tac-toe.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2247,11 +2247,7 @@ body {
2247
2247
2248
2248
</Sandpack>
2249
2249
2250
-
<<<<<<< HEAD
2251
-
`map` fonksiyonuna ilettiğiniz `history` dizisi içinde gezerken, `squares` argümanı `history` dizisinin her bir elemanından geçer ve `move` argümanı her bir dizi indeksinden geçer: `0`, `1`, `2`, …. (Çoğu durumda, gerçek dizi elemanlarına ihtiyacınız olacaktır ancak bir hamle listesi oluşturmak için yalnızca indekslere ihtiyacınız olacaktır.)
2252
-
=======
2253
-
As you iterate through the `history` array inside the function you passed to `map`, the `squares` argument goes through each element of `history`, and the `move` argument goes through each array index: `0`, `1`, `2`, …. (In most cases, you'd need the actual array elements, but to render a list of moves you will only need indexes.)
2254
-
>>>>>>> 5138e605225b24d25701a1a1f68daa90499122a4
2250
+
`map` fonksiyonuna verdiğiniz işlevin içinde `history` dizisi üzerinde yineleme yaparken, `squares` argümanı `history` dizisinin her bir elemanını, `move` argümanı ise dizi indislerini sırayla temsil eder: `0`, `1`, `2`, …. (Çoğu durumda dizi elemanlarının kendisine ihtiyaç duyarsınız, ancak hamleler listesini oluşturmak için yalnızca indeksler yeterlidir.)
2255
2251
2256
2252
Tic-tac-toe oyunundaki her bir hamle için bir buton `<button>` içeren `<li>` elementi oluşturacaksınız. Buton, `jumpTo` (daha yazmadınız) adı verilen fonksiyonu `onClick` yöneticisi ile çağıracaktır.
Copy file name to clipboardExpand all lines: src/content/reference/react/StrictMode.md
+7-17Lines changed: 7 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -86,17 +86,11 @@ Strict Mod kontrolleri **yalnızca geliştirme aşamasında çalıştırılsa da
86
86
87
87
Strict Modu geliştirme sırasında aşağıdaki kontrolleri etkinleştirir:
88
88
89
-
<<<<<<< HEAD
90
-
- Bileşenleriniz, saf olmayan render'dan kaynaklanan hataları bulmak için [bir ekstra kez yeniden render edilir](#fixing-bugs-found-by-double-rendering-in-development).
91
-
- Bileşenleriniz, eksik Effect temizliklerinden kaynaklanan hataları bulmak için [bir ekstra kez Effect'leri yeniden çalıştırır](#fixing-bugs-found-by-re-running-effects-in-development).
92
-
- Bileşenleriniz, eksik ref temizliklerinden kaynaklanan hataları bulmak için [bir ekstra kez ref geri çağırmalarını yeniden çalıştırır](#fixing-bugs-found-by-cleaning-up-and-re-attaching-dom-refs-in-development).
93
-
- Bileşenleriniz, [deprecate edilmiş API'lerin kullanımına karşı kontrol edilir](#fixing-deprecation-warnings-enabled-by-strict-mode).
94
-
=======
95
-
- Your components will [re-render an extra time](#fixing-bugs-found-by-double-rendering-in-development) to find bugs caused by impure rendering.
96
-
- Your components will [re-run Effects an extra time](#fixing-bugs-found-by-re-running-effects-in-development) to find bugs caused by missing Effect cleanup.
97
-
- Your components will [re-run ref callbacks an extra time](#fixing-bugs-found-by-re-running-ref-callbacks-in-development) to find bugs caused by missing ref cleanup.
98
-
- Your components will [be checked for usage of deprecated APIs.](#fixing-deprecation-warnings-enabled-by-strict-mode)
99
-
>>>>>>> 5138e605225b24d25701a1a1f68daa90499122a4
89
+
- Bileşenleriniz, saf olmayan render işlemlerinden kaynaklanan hataları bulmak için [bir kez fazladan yeniden render edilir](#fixing-bugs-found-by-double-rendering-in-development).
90
+
- Bileşenleriniz, eksik Efekt temizliğinden kaynaklanan hataları bulmak için [Efektleri bir kez fazladan çalıştırır](#fixing-bugs-found-by-re-running-effects-in-development).
91
+
- Bileşenleriniz, eksik ref temizliğinden kaynaklanan hataları bulmak için [ref callback'lerini bir kez fazladan çalıştırır](#fixing-bugs-found-by-re-running-ref-callbacks-in-development).
92
+
- Bileşenlerinizin [kullanımdan kaldırılmış API’leri kullanıp kullanmadığı kontrol edilir.](#fixing-deprecation-warnings-enabled-by-strict-mode)
93
+
100
94
101
95
**Tüm bu kontroller yalnızca geliştirme sırasında çalıştırılar ve canlıda herhangi bir etkisi yoktur.**
102
96
@@ -127,18 +121,14 @@ function App() {
127
121
}
128
122
```
129
123
130
-
<<<<<<< HEAD
131
-
Örnekte gösterildiği üzere, Strict Modu `Header` ve `Footer` bileşenlerinde çalışmayacaktır. Ancak `Sidebar` ve `Content` bileşenleri ve bu bileşenler içindeki alt bileşenlerde, ne kadar derin olduğu farketmeksizin, çalışacaktır.
132
-
=======
133
-
In this example, Strict Mode checks will not run against the `Header` and `Footer` components. However, they will run on `Sidebar` and `Content`, as well as all of the components inside them, no matter how deep.
124
+
Bu örnekte, `Strict Mode` kontrolleri `Header` ve `Footer` bileşenleri için çalıştırılmaz. Ancak `Sidebar` ve `Content` ile onların içindeki tüm bileşenlerde, derinlik fark etmeksizin çalıştırılır.
134
125
135
126
<Note>
136
127
137
-
When `StrictMode`is enabled for a part of the app, React will only enable behaviors that are possible in production. For example, if`<StrictMode>`is not enabled at the root of the app, it will not [re-run Effects an extra time](#fixing-bugs-found-by-re-running-effects-in-development)on initial mount, since this would cause child effects to double fire without the parent effects, which cannot happen in production.
128
+
Uygulamanın bir bölümü için `StrictMode`etkinleştirildiğinde, React yalnızca üretim ortamında mümkün olan davranışları etkinleştirir. Örneğin, eğer`<StrictMode>`uygulamanın kökünde etkin değilse, ilk yüklemede [Efektleri bir kez daha çalıştırma](#fixing-bugs-found-by-re-running-effects-in-development)davranışı etkin olmaz. Çünkü bu durumda, üretim ortamında gerçekleşmesi mümkün olmayan şekilde, alt efektler ebeveyn efektler olmadan iki kez tetiklenmiş olurdu.
138
129
139
130
</Note>
140
131
141
-
>>>>>>> 5138e605225b24d25701a1a1f68daa90499122a4
142
132
---
143
133
144
134
### Geliştirme sırasında çift renderda bulunan hataları düzeltme {/*fixing-bugs-found-by-double-rendering-in-development*/}
// 🚩 Her zaman farklı fonksiyondur, React her render'da yeniden abone olur
423
-
=======
424
-
// 🚩 Always a different function, so React will resubscribe on every re-render
425
-
>>>>>>>5138e605225b24d25701a1a1f68daa90499122a4
419
+
// 🚩 Her zaman farklı bir işlev olduğu için, React her yeniden render’da yeniden abone olur.
426
420
functionsubscribe() {
427
421
// ...
428
422
}
@@ -435,18 +429,13 @@ function ChatIndicator() {
435
429
Yeniden render'lar arasında farklı bir `subscribe` fonksiyonu iletirseniz, React deponuza yeniden abone olur. Bu durum performans sorunlarına neden oluyorsa ve sürekli abone olmaktan kaçınmak istiyorsanız, `subscribe` fonksiyonunu bileşen dışına taşıyın:
436
430
437
431
```js {1-4}
438
-
// ✅ Always the same function, so React won't need to resubscribe
432
+
// ✅ Her zaman aynı işlev olduğu için, React yeniden abone olmaya ihtiyaç duymaz.
439
433
functionsubscribe() {
440
434
// ...
441
435
}
442
436
443
-
<<<<<<<HEAD
444
-
// ✅ Her zaman aynı fonksiyondur, React yeniden abone olmaz
0 commit comments