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/creating-a-react-app.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -111,11 +111,11 @@ Server Components and Suspense are React features rather than Next.js features.
111
111
112
112
If your app has constraints not well-served by existing frameworks, you prefer to build your own framework, or you just want to learn the basics of a React app, there are other options available for starting a React project from scratch.
113
113
114
-
Starting from scratch gives you more flexibility, but does require that you make choices on which tools to use for routing, data fetching, and other common usage patterns. It's a lot like building your own framework, instead of using a framework that already exists. The [frameworks we recommend](#recommended-react-frameworks) have built-in solutions for these problems.
114
+
Starting from scratch gives you more flexibility, but does require that you make choices on which tools to use for routing, data fetching, and other common usage patterns. It's a lot like building your own framework, instead of using a framework that already exists. The [frameworks we recommend](#full-stack-frameworks) have built-in solutions for these problems.
115
115
116
116
If you want to build your own solutions, see our guide to [build a React app from Scratch](/learn/build-a-react-app-from-scratch) for instructions on how to set up a new React project starting with a built tool like [Vite](https://vite.dev/), [Parcel](https://parceljs.org/), or [RSbuild](https://rsbuild.dev/).
117
117
118
118
119
119
-----
120
120
121
-
_If you’re a framework author interested in being included on this page, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._
121
+
_If you’re a framework author interested in being included on this page, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._
Copy file name to clipboardExpand all lines: src/content/learn/passing-data-deeply-with-context.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -476,7 +476,7 @@ export default function Section({ level, children }) {
476
476
}
477
477
```
478
478
479
-
Bu React'e şunu söyler: "Eğer bu `<Section>` içindeki herhangi bir bileşen `LevelContext` talep ederse, onlara bu `level` değerini ver." Bileşen, UI ağacındaki en yakın `<LevelContext>`'in değerini kullanacaktır.
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":
3.`Heading`, `useContext(LevelContext)` ile yukarıdaki en yakın `LevelContext` değerini talep eder.
569
+
1.`level` prop'unu `<Section>`'a aktarırsınız.
570
+
2.`Section` alt bileşenlerini `<LevelContext value={level}>`sarmalar.
571
+
3.`Heading`, `useContext(LevelContext)` ile birlikte yukarıdaki en yakın `LevelContext`'e değerini sorar.
572
572
573
573
## Context değerini provider'ının tanımlandığı bileşende okuma {/*using-and-providing-context-from-the-same-component*/}
574
574
@@ -869,10 +869,10 @@ Genellikle, bazı bilgilere ağacın farklı bölümlerindeki bileşenler taraf
869
869
<Recap>
870
870
871
871
* Context, bir elemanın altındaki tüm ağaca bilgi aktarmasını sağlar.
872
-
* Context geçirme:
872
+
* Context'i aktarmak için:
873
873
1. `exportconstMyContext=createContext(defaultValue)` ile oluşturun ve dışa aktarın.
874
-
2. Herhangi bir alt bileşende okumak için `useContext(MyContext)` Hook'unu geçirin.
875
-
3. Üst bileşenden değer sağlamak için, alt bileşenleri `<MyContext.Provider value={...}>` içine sarın.
874
+
2. Farklı derinlikteki herhangi bir alt bileşenden okumak için `useContext(MyContext)` Hook'una aktarın.
875
+
3. Üst bileşenden değer sağlamak için, alt bileşenleri `<MyContext value={...}>` içine sarın.
876
876
* Context ortada bulunan herhangi bir elamandan aktarılır.
877
877
* Context, "çevresine adapte olan" bileşenler yazmanıza olanak sağlar.
878
878
* Context kullanmadan önce, prop olarak aktarmayı veya JSX'i `children` olarak iletmeyi deneyin.
@@ -1026,7 +1026,7 @@ li {
1026
1026
1027
1027
`imageSize` prop'unu bütün bileşenlerden kaldırın.
1028
1028
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.Provider value={imageSize}>` ile sarın ve `useContext(ImageSizeContext)` kullanarak `PlaceImage` bileşeninde değerini okuyun:
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