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/blog/index.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,9 +5,9 @@ title: React Blog
5
5
<Intro>
6
6
7
7
8
-
This blog is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted here first.
8
+
Bu blog, React ekibinden gelen güncellemeler için resmi kaynaktır. Önemli her şey, sürüm notları veya kullanımdan kaldırma bildirimleri dahil, ilk olarak burada yayınlanacaktır.
9
9
10
-
You can also follow the [@react.dev](https://bsky.app/profile/react.dev)account on Bluesky, or [@reactjs](https://twitter.com/reactjs)account on Twitter, but you won’t miss anything essential if you only read this blog.
10
+
Bluesky'de [@react.dev](https://bsky.app/profile/react.dev)hesabını veya Twitter'da [@reactjs](https://twitter.com/reactjs)hesabını takip edebilirsiniz, ancak sadece bu blogu okuyarak hiçbir önemli şeyi kaçırmazsınız.
11
11
12
12
</Intro>
13
13
@@ -17,7 +17,7 @@ You can also follow the [@react.dev](https://bsky.app/profile/react.dev) account
Today, we’re deprecating Create React App for new apps, and encouraging existing apps to migrate to a framework, or to migrate to a build tool like Vite, Parcel, or RSBuild. We’re also providing docs for when a framework isn’t a good fit for your project, you want to build your own framework, or you just want to learn how React works by building a React app from scratch ...
20
+
Bugün, yeni uygulamalar için Create React App'i kullanımdan kaldırıyoruz ve mevcut uygulamaları bir framework'e geçmeye veya Vite, Parcel veya RSBuild gibi bir derleme aracına geçmeye teşvik ediyoruz. Ayrıca, bir framework'ün projeniz için uygun olmadığı, kendi framework'ünüzü oluşturmak istediğiniz veya React'in nasıl çalıştığını öğrenmek için sıfırdan bir React uygulaması geliştirmek istediğiniz durumlar için belgeler sağlıyoruz...
Copy file name to clipboardExpand all lines: src/content/learn/passing-data-deeply-with-context.md
+4-29Lines changed: 4 additions & 29 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -476,11 +476,7 @@ export default function Section({ level, children }) {
476
476
}
477
477
```
478
478
479
-
<<<<<<< HEAD
480
-
Bu React'a şunu söyler: "`<Section>` içindeki herhangi bir eleman,`LevelContext`'i istediğinde, ona bu `level` değerini ver." Bileşen, üzerindeki UI ağacında bulunan en yakın `<LevelContext.Provider>` değerini kullanır.
481
-
=======
482
-
This tells React: "if any component inside this `<Section>` asks for `LevelContext`, give them this `level`." The component will use the value of the nearest `<LevelContext>` in the UI tree above it.
483
-
>>>>>>> ab18d2f0f5151ab0c927a12eb0a64f8170762eff
479
+
Bu React'a şunu söyler: "`<Section>` içindeki herhangi bir eleman,`LevelContext`'i istediğinde, ona bu `level` değerini ver." Bileşen, üzerindeki UI ağacında bulunan en yakın `<LevelContext>` değerini kullanır.
Orijinal kodla aynı sonucu elde edersiniz, ancak her `Heading` bileşenine `level` prop'unu aktarmanız gerekmez! Bunun yerine, üstündeki en yakın `Section` bileşenine sorarak başlık seviyesini "bulur":
572
568
573
-
<<<<<<< HEAD
574
569
1.`level` prop'unu `<Section>`'a aktarırsınız.
575
-
2.`Section` alt bileşenlerini `<LevelContext.Provider value={level}>` sarmalar.
570
+
2.`Section` alt bileşenlerini `<LevelContext value={level}>` sarmalar.
576
571
3.`Heading`, `useContext(LevelContext)` ile birlikte yukarıdaki en yakın `LevelContext`'e değerini sorar.
577
-
=======
578
-
1. You pass a `level` prop to the `<Section>`.
579
-
2.`Section` wraps its children into `<LevelContext value={level}>`.
580
-
3.`Heading` asks the closest value of `LevelContext` above with `useContext(LevelContext)`.
581
-
>>>>>>> ab18d2f0f5151ab0c927a12eb0a64f8170762eff
582
572
583
573
## Context değerini provider'ının tanımlandığı bileşende okuma {/*using-and-providing-context-from-the-same-component*/}
584
574
@@ -878,25 +868,14 @@ Genellikle, bazı bilgilere ağacın farklı bölümlerindeki bileşenler taraf
878
868
879
869
<Recap>
880
870
881
-
<<<<<<< HEAD
882
871
* Context, bir elemanın altındaki tüm ağaca bilgi aktarmasını sağlar.
883
872
* Context'i aktarmak için:
884
873
1. `exportconstMyContext=createContext(defaultValue)` ile oluşturun ve dışa aktarın.
885
874
2. Farklı derinlikteki herhangi bir alt bileşenden okumak için `useContext(MyContext)` Hook'una aktarın.
886
-
3. Üst bileşenden değer sağlamak için, alt bileşenleri `<MyContext.Provider value={...}>` içine sarın.
875
+
3. Üst bileşenden değer sağlamak için, alt bileşenleri `<MyContext value={...}>` içine sarın.
887
876
* Context ortada bulunan herhangi bir elamandan aktarılır.
888
877
* Context, "çevresine adapte olan" bileşenler yazmanıza olanak sağlar.
889
878
* Context kullanmadan önce, prop olarak aktarmayı veya JSX'i `children` olarak iletmeyi deneyin.
890
-
=======
891
-
* Context lets a component provide some information to the entire tree below it.
892
-
* To pass context:
893
-
1. Create and export it with `exportconstMyContext=createContext(defaultValue)`.
894
-
2. Pass it to the `useContext(MyContext)` Hook to read it in any child component, no matter how deep.
895
-
3. Wrap children into `<MyContext value={...}>` to provide it from a parent.
896
-
* Context passes through any components in the middle.
897
-
* Context lets you write components that "adapt to their surroundings".
898
-
* Before you use context, try passing props or passing JSX as `children`.
899
-
>>>>>>> ab18d2f0f5151ab0c927a12eb0a64f8170762eff
900
879
901
880
</Recap>
902
881
@@ -1047,11 +1026,7 @@ li {
1047
1026
1048
1027
`imageSize` prop'unu bütün bileşenlerden kaldırın.
1049
1028
1050
-
<<<<<<< HEAD
1051
-
`Context.js` dosyasında `ImageSizeContext`'i oluşturun ve dışa aktarın. Ardından değeri aşağı aktarmak için `List`'i `<ImageSizeContext.Provider value={imageSize}>` ile sarın ve `useContext(ImageSizeContext)` kullanarak `PlaceImage` bileşeninde değerini okuyun:
1052
-
=======
1053
-
Create and export `ImageSizeContext` from `Context.js`. Then wrap the List into `<ImageSizeContext value={imageSize}>` to pass the value down, and `useContext(ImageSizeContext)` to read it in the `PlaceImage`:
1054
-
>>>>>>> ab18d2f0f5151ab0c927a12eb0a64f8170762eff
1029
+
`Context.js` dosyasında `ImageSizeContext`'i oluşturun ve dışa aktarın. Ardından değeri aşağı aktarmak için `List`'i `<ImageSizeContext value={imageSize}>` ile sarın ve `useContext(ImageSizeContext)` kullanarak `PlaceImage` bileşeninde değerini okuyun:
0 commit comments