Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/content/blog/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@ title: React Blog
<Intro>


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

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

</Intro>

Expand All @@ -17,7 +17,7 @@ You can also follow the [@react.dev](https://bsky.app/profile/react.dev) account
<BlogCard title="Sunsetting Create React App" date="February 13, 2025" url="/blog/2025/02/14/sunsetting-create-react-app">


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


</BlogCard>
Expand Down
4 changes: 2 additions & 2 deletions src/content/learn/creating-a-react-app.md
Original file line number Diff line number Diff line change
Expand Up @@ -111,11 +111,11 @@ Server Components and Suspense are React features rather than Next.js features.

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.

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

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/).


-----

_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+)._
_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+)._
16 changes: 8 additions & 8 deletions src/content/learn/passing-data-deeply-with-context.md
Original file line number Diff line number Diff line change
Expand Up @@ -476,7 +476,7 @@ export default function Section({ level, children }) {
}
```

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

<Sandpack>

Expand Down Expand Up @@ -566,9 +566,9 @@ export const LevelContext = createContext(1);

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":

1. `<Section>`'a bir `level` prop'u geçirirsiniz.
2. `Section`, çocuklarını `<LevelContext value={level}>` içine sarar.
3. `Heading`, `useContext(LevelContext)` ile yukarıdaki en yakın `LevelContext` değerini talep eder.
1. `level` prop'unu `<Section>`'a aktarırsınız.
2. `Section` alt bileşenlerini `<LevelContext value={level}>` sarmalar.
3. `Heading`, `useContext(LevelContext)` ile birlikte yukarıdaki en yakın `LevelContext`'e değerini sorar.

## Context değerini provider'ının tanımlandığı bileşende okuma {/*using-and-providing-context-from-the-same-component*/}

Expand Down Expand Up @@ -869,10 +869,10 @@ Genellikle, bazı bilgilere ağacın farklı bölümlerindeki bileşenler taraf
<Recap>

* Context, bir elemanın altındaki tüm ağaca bilgi aktarmasını sağlar.
* Context geçirme:
* Context'i aktarmak için:
1. `export const MyContext = createContext(defaultValue)` ile oluşturun ve dışa aktarın.
2. Herhangi bir alt bileşende okumak için `useContext(MyContext)` Hook'unu geçirin.
3. Üst bileşenden değer sağlamak için, alt bileşenleri `<MyContext.Provider value={...}>` içine sarın.
2. Farklı derinlikteki herhangi bir alt bileşenden okumak için `useContext(MyContext)` Hook'una aktarın.
3. Üst bileşenden değer sağlamak için, alt bileşenleri `<MyContext value={...}>` içine sarın.
* Context ortada bulunan herhangi bir elamandan aktarılır.
* Context, "çevresine adapte olan" bileşenler yazmanıza olanak sağlar.
* Context kullanmadan önce, prop olarak aktarmayı veya JSX'i `children` olarak iletmeyi deneyin.
Expand Down Expand Up @@ -1026,7 +1026,7 @@ li {

`imageSize` prop'unu bütün bileşenlerden kaldırın.

`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:
`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:

<Sandpack>

Expand Down
Loading