Skip to content

Commit 1dcae39

Browse files
sync-65d297e9 dev sync and fix conflicts
1 parent 828714d commit 1dcae39

File tree

4 files changed

+8
-29
lines changed

4 files changed

+8
-29
lines changed

src/content/community/index.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,4 @@ Her topluluk, binlerce React kullanıcısından oluşur.
2929

3030
## Haberler {/*news*/}
3131

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.

src/content/learn/removing-effect-dependencies.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1241,11 +1241,7 @@ export default function Timer() {
12411241
12421242
</Sandpack>
12431243
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.
12491245
12501246
</Solution>
12511247

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

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -820,11 +820,7 @@ export default function ChatRoom({ roomId }) {
820820
// ...
821821
```
822822

823-
<<<<<<< HEAD
824-
başka bir Hook'a girdi olarak nasıl illetiğinizi farkedin:
825-
=======
826-
and passing it as an input to another Hook:
827-
>>>>>>> 65d297e93b36be5370e58ab7828d022c741ecbe2
823+
ve onu başka bir Hook'a girdi olarak vermek:
828824
829825
```js {6}
830826
export default function ChatRoom({ roomId }) {

src/content/learn/separating-events-from-effects.md

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -439,11 +439,7 @@ function ChatRoom({ roomId, theme }) {
439439
// ...
440440
```
441441
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.**
447443
448444
Yeni davranışın beklediğiniz gibi çalıştığını doğrulayın:
449445
@@ -793,7 +789,6 @@ body {
793789
794790
</Sandpack>
795791
796-
797792
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!
798793
799794
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
890885
891886
Efekt Olayları, kullanma şekliniz açısından oldukça sınırlıdır:
892887
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.**
895890
896891
Örneğin, bir Efekt olayını şu şekilde bildirmeyin ve geçirmeyin:
897892
@@ -1220,7 +1215,6 @@ export default function Timer() {
12201215
}
12211216
```
12221217
1223-
12241218
```css
12251219
button { margin: 10px; }
12261220
```
@@ -1237,7 +1231,7 @@ Bu örnekte, aralık gecikmesini özelleştirebilirsiniz. Bu, iki düğme taraf
12371231

12381232
<Hint>
12391233

1240-
Effect olayları içindeki kod reaktif değildir. `setInterval` çağrısının yeniden çalışmasını _istediğiniz_ durumlar var?
1234+
Effect olayları içindeki kod reaktif değildir. `setInterval` çağrısının yeniden çalışmasını *istediğiniz* durumlar var?
12411235

12421236
</Hint>
12431237

@@ -1317,7 +1311,6 @@ export default function Timer() {
13171311
}
13181312
```
13191313

1320-
13211314
```css
13221315
button { margin: 10px; }
13231316
```
@@ -1406,7 +1399,7 @@ button { margin: 10px; }
14061399

14071400
</Sandpack>
14081401

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.
14101403

14111404
</Solution>
14121405

@@ -1841,10 +1834,8 @@ label { display: block; margin-top: 10px; }
18411834

18421835
</Sandpack>
18431836

1844-
18451837
Bu, oda değiştirdiğinizde önceden planlanmış (ancak henüz görüntülenmemiş) bildirimlerin iptal edilmesini sağlar.
18461838

1847-
18481839
</Solution>
18491840

18501841
</Challenges>

0 commit comments

Comments
 (0)