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/community/index.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
@@ -29,8 +29,4 @@ Her topluluk, binlerce React kullanıcısından oluşur.
29
29
30
30
## Haberler {/*news*/}
31
31
32
-
<<<<<<< HEAD
33
-
React ile ilgili en güncel haberler için, [Twitter'da **@reactjs** hesabını](https://twitter.com/reactjs) ve Bu website'de bulunan [React Resmi Blogunu](/blog/) takip edin.
34
-
=======
35
-
For the latest news about React, [follow **@reactjs** on Twitter](https://twitter.com/reactjs), [**@react.dev** on Bluesky](https://bsky.app/profile/react.dev) and the [official React blog](/blog/) on this website.
36
-
>>>>>>> 65d297e93b36be5370e58ab7828d022c741ecbe2
32
+
React ile ilgili en güncel haberler için, [Twitter da **@reactjs** hesabını](https://twitter.com/reactjs), [Bluesky da **@react.dev** hesabını](https://bsky.app/profile/react.dev) ve bu sitedeki [Resmi React blog'unu](/blog/) takip edebilirsiniz.
Copy file name to clipboardExpand all lines: src/content/learn/removing-effect-dependencies.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
@@ -1241,11 +1241,7 @@ export default function Timer() {
1241
1241
1242
1242
</Sandpack>
1243
1243
1244
-
<<<<<<< HEAD
1245
-
Efekt içinde `count` okumak yerine, React'e bir `c=> c +1` komutu ("bu sayıyı artır!") iletirsiniz. React bunu bir sonraki render'da uygulayacaktır. Ve artık Efektinizin içinde `count` değerini okumanıza gerek olmadığından, Efektinizin bağımlılıklarını boş tutabilirsiniz (`[]`). Bu, Efektinizin her tikte aralığı yeniden oluşturmasını önler.
1246
-
=======
1247
-
Instead of reading `count` inside the Effect, you pass a `c=> c +1` instruction ("increment this number!") to React. React will apply it on the next render. And since you don't need to read the value of `count` inside your Effect anymore, you can keep your Effect's dependencies empty (`[]`). This prevents your Effect from re-creating the interval on every tick.
1248
-
>>>>>>> 65d297e93b36be5370e58ab7828d022c741ecbe2
1244
+
`count` değerini Efekt içinde okumak yerine, React'e `c=> c +1` talimatını ("bu sayıyı artır!") verirsiniz. React bu işlemi bir sonraki render'da uygular. Artık Efekt'in içinde `count` değerini okumanıza gerek kalmadığı için, Efekt'in bağımlılık dizisini boş (`[]`) bırakabilirsiniz. Bu da, her tikte Efekt'in yeniden oluşturulmasını engeller.
Copy file name to clipboardExpand all lines: src/content/learn/separating-events-from-effects.md
+5-14Lines changed: 5 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -439,11 +439,7 @@ function ChatRoom({ roomId, theme }) {
439
439
// ...
440
440
```
441
441
442
-
<<<<<<< HEAD
443
-
Bu sorunu çözer. Efektinizin bağımlılıkları listesinden `onConnected` öğesini *kaldırmanız* gerektiğini unutmayın. **Efekt olayları reaktif değildir ve bağımlılıklardan çıkarılmalıdır.**
444
-
=======
445
-
This solves the problem. Note that you had to *remove* `theme` from the list of your Effect's dependencies, because it's no longer used in the Effect. You also don't need to *add* `onConnected` to it, because **Effect Events are not reactive and must be omitted from dependencies.**
446
-
>>>>>>> 65d297e93b36be5370e58ab7828d022c741ecbe2
442
+
Bu, problemi çözer. Dikkat etmen gereken nokta, Efekt içinde artık kullanılmadığı için `theme` öğesini bağımlılıklar listesinden *çıkarman* gerektiğidir. Ayrıca `onConnected` öğesini listeye *eklemene* de gerek yoktur çünkü **Efekt Olayları reaktif değildir ve bağımlılıklardan çıkarılmalıdır.**
447
443
448
444
Yeni davranışın beklediğiniz gibi çalıştığını doğrulayın:
449
445
@@ -793,7 +789,6 @@ body {
793
789
794
790
</Sandpack>
795
791
796
-
797
792
Bu kodla ilgili sorun, bağımlılık linterinin bastırılmasıdır. Bastırmayı kaldırırsanız, bu Efektin `handleMove` fonksiyonuna bağlı olması gerektiğini görürsünüz. Bu mantıklıdır: `handleMove` bileşen gövdesi içinde bildirilir, bu da onu reaktif bir değer yapar. Her reaktif değer bir bağımlılık olarak belirtilmelidir, aksi takdirde zaman içinde eskimesi olasıdır!
798
793
799
794
Orijinal kodun yazarı, Effect'in herhangi bir reaktif değere bağlı olmadığını (`[]`) söyleyerek React'e "yalan söylemiştir". Bu nedenle React, `canMove` değiştikten sonra (ve onunla birlikte `handleMove`) Efekti yeniden senkronize etmedi. React, Efekti yeniden senkronize etmediği için, dinleyici olarak eklenen `handleMove`, ilk render sırasında oluşturulan `handleMove` fonksiyonudur. İlk render sırasında `canMove` `true` idi, bu yüzden ilk renderdan `handleMove` sonsuza kadar bu değeri görecektir.
@@ -890,8 +885,8 @@ Bu bölümde, React'in kararlı bir sürümünde henüz yayınlanmamış **deney
890
885
891
886
Efekt Olayları, kullanma şekliniz açısından oldukça sınırlıdır:
892
887
893
-
* **Sadece Efektlerin içinden çağırın.**
894
-
* **Asla diğer bileşenlere veya Hook'lara aktarmayın.**
888
+
- **Sadece Efektlerin içinden çağırın.**
889
+
- **Asla diğer bileşenlere veya Hook'lara aktarmayın.**
895
890
896
891
Örneğin, bir Efekt olayını şu şekilde bildirmeyin ve geçirmeyin:
897
892
@@ -1220,7 +1215,6 @@ export default function Timer() {
1220
1215
}
1221
1216
```
1222
1217
1223
-
1224
1218
```css
1225
1219
button { margin:10px; }
1226
1220
```
@@ -1237,7 +1231,7 @@ Bu örnekte, aralık gecikmesini özelleştirebilirsiniz. Bu, iki düğme taraf
1237
1231
1238
1232
<Hint>
1239
1233
1240
-
Effect olayları içindeki kod reaktif değildir. `setInterval` çağrısının yeniden çalışmasını _istediğiniz_ durumlar var mı?
1234
+
Effect olayları içindeki kod reaktif değildir. `setInterval` çağrısının yeniden çalışmasını *istediğiniz* durumlar var mı?
1241
1235
1242
1236
</Hint>
1243
1237
@@ -1317,7 +1311,6 @@ export default function Timer() {
1317
1311
}
1318
1312
```
1319
1313
1320
-
1321
1314
```css
1322
1315
button { margin: 10px; }
1323
1316
```
@@ -1406,7 +1399,7 @@ button { margin: 10px; }
1406
1399
1407
1400
</Sandpack>
1408
1401
1409
-
Genel olarak, bir kod parçasının *amacından* ziyade *zamanlamasına* odaklanan `onMount` gibi fonksiyonlara şüpheyle yaklaşmalısınız. İlk başta "daha açıklayıcı" gelebilir ancak amacınızı gizler. Genel bir kural olarak, Efekt olayları *kullanıcının* bakış açısından gerçekleşen bir şeye karşılık gelmelidir. Örneğin, `onMessage`, `onTick`, `onVisit` veya `onConnected` iyi Effect olay adlarıdır. İçlerindeki kodun muhtemelen reaktif olması gerekmeyecektir. Öte yandan, `onMount`, `onUpdate`, `onUnmount` veya `onAfterRender` o kadar geneldir ki, yanlışlıkla *reaktif olması gereken* kodları bunlara koymak kolaydır. Bu nedenle, Efekt olaylarınızı bazı kodların ne zaman çalıştığına göre değil, *kullanıcının ne olduğunu düşündüğüne göre* adlandırmalısınız.
1402
+
Genel olarak, bir kod parçasının *amacından* ziyade *zamanlamasına* odaklanan `onMount` gibi fonksiyonlara şüpheyle yaklaşmalısınız. İlk başta "daha açıklayıcı" gelebilir ancak amacınızı gizler. Genel bir kural olarak, Efekt olayları *kullanıcının* bakış açısından gerçekleşen bir şeye karşılık gelmelidir. Örneğin, `onMessage`, `onTick`, `onVisit` veya `onConnected` iyi Effect olay adlarıdır. İçlerindeki kodun muhtemelen reaktif olması gerekmeyecektir. Öte yandan, `onMount`, `onUpdate`, `onUnmount` veya `onAfterRender` o kadar geneldir ki, yanlışlıkla *reaktif olması gereken* kodları bunlara koymak kolaydır. Bu nedenle, Efekt olaylarınızı bazı kodların ne zaman çalıştığına göre değil, *kullanıcının ne olduğunu düşündüğüne göre* adlandırmalısınız.
0 commit comments