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
{{ message }}
Repository navigation
Commit f33bfc3
Browse filesBrowse the repository at this point in the historyBrowse files
<TeamMembername="Brent Vatne"permalink="brent-vatne"photo="/images/team/gh-brentvatne.jpg"github="brentvatne"title="Engineer at Expo"group="React Native" />
46
48
47
49
<TeamMembername="Dan Abramov"permalink="dan-abramov"photo="/images/team/gaearon.jpg"github="gaearon"bsky="danabra.mov"title="Engineer at Vercel"group="Docs & Community">
@@ -77,7 +79,7 @@ React work is organized into working groups, each responsible for an area of the
77
79
<TeamMembername="Michał Pierzchała"permalink="michal-pierzchala"photo="/images/team/gh-thymikee.jpg"github="thymikee"title="Engineer at Callstack"group="React Native" />
78
80
79
81
<TeamMembername="Mike Vitousek"permalink="mike-vitousek"photo="/images/team/mike.jpg"github="mvitousek"title="Engineer at Meta"group="Compiler">
80
-
Mike went to grad school dreaming of becoming a professor but realized that he liked building things a lot more than writing grant applications. Mike joined Meta to work on Javascript infrastructure, which ultimately led him to work on the React Compiler. When not hacking on either Javascript or OCaml, Mike can often be found hiking or skiing in the Pacific Northwest.
82
+
Mike went to grad school dreaming of becoming a professor but realized that he liked building things a lot more than writing grant applications. Mike joined Meta to work on JavaScript infrastructure, which ultimately led him to work on the React Compiler. When not hacking on either Javascript or OCaml, Mike can often be found hiking or skiing in the Pacific Northwest.
81
83
</TeamMember>
82
84
83
85
<TeamMembername="Pieter De Baets"permalink="pieter-de-baets"photo="/images/team/gh-javache.jpg"github="javache"title="Engineer at Meta"group="Compiler, Fiber, React Native" />
@@ -102,8 +104,6 @@ React work is organized into working groups, each responsible for an area of the
102
104
103
105
<TeamMembername="Vitali Zaidman"permalink="vitali-zaidman"photo="/images/team/gh-vzaidman.jpg"github="vzaidman"title="Engineer at Meta"group="DevX" />
<TeamMembername="Eli White"permalink="eli-white"photo="/images/team/eli-white.jpg"github="elicwhite"twitter="Eli_White"threads="elicwhite"title="Engineer at Meta">
@@ -115,7 +115,7 @@ React work is organized into working groups, each responsible for an area of the
115
115
</TeamMember>
116
116
117
117
<TeamMembername="Jimmy Lai"permalink="jimmy-lai"photo="/images/team/jimmy-lai.jpg"github="feedthejim"title="Engineering Director, Next.js at Vercel">
118
-
Like many others, Jimmy started programming with the hopes of being able to work in the gaming industry. Fast forward a few years, he somehow decided that React and Javascript were pretty fun and that helping other developers build fast experiences was a more interesting life goal. After starting his career at Meta, working on product infrastructure and (briefly) on React Native, Jimmy now works at Vercel, where he helps his team build Next.js. He sadly does not get much time for video games anymore.
118
+
Like many others, Jimmy started programming with the hopes of being able to work in the gaming industry. Fast forward a few years, he somehow decided that React and JavaScript were pretty fun and that helping other developers build fast experiences was a more interesting life goal. After starting his career at Meta, working on product infrastructure and (briefly) on React Native, Jimmy now works at Vercel, where he helps his team build Next.js. He sadly does not get much time for video games anymore.
119
119
</TeamMember>
120
120
121
121
<TeamMembername="Seth Webster"permalink="seth-webster"photo="/images/team/seth.jpg"github="sethwebster"twitter="sethwebster"threads="sethwebster"personal="sethwebster.com"title="Executive Director, React Foundation, Chief Developer Evangelist at Expo">
Copy file name to clipboardExpand all lines: src/content/reference/react/Suspense.md
+3-4Lines changed: 3 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -36,7 +36,6 @@ title: <Suspense>
36
36
- React, suspended content’i son reveal’dan itibaren ölçülen en fazla 300ms’de bir reveal eder. Bu pencere içinde ready olan boundary’ler tek tek değil, [birlikte reveal edilir](/blog/2025/10/01/react-19-2#batching-suspense-boundaries-for-ssr).
37
37
- React, tekrar suspend olduğu için zaten visible olan content’i hide etmek zorunda kalırsa, content tree içindeki [layout Effects](/reference/react/useLayoutEffect)’leri cleanup eder. Content tekrar gösterilmeye hazır olduğunda, React layout Effects’i tekrar çalıştırır. Bu, DOM layout’unu ölçen Effects’in content hidden durumdayken bunu yapmaya çalışmamasını sağlar.
38
38
- React, Suspense ile entegre olan **Streaming Server Rendering** ve **Selective Hydration** gibi under-the-hood optimizasyonlar içerir. Daha fazla bilgi edinmek için [mimari overview](https://github.com/reactwg/react-18/discussions/37) okuyun ve [teknik konuşmayı](https://www.youtube.com/watch?v=pj5N-Khihgc) izleyin.
39
-
- React *Server Render'ını Stream etme* ve *Selektif Hydrate Etme* gibi Suspense ile entegre olan altta yatan optimizasyonlar içerir. Daha fazla bilgi almak için [mimari bir bakışı](https://github.com/reactwg/react-18/discussions/37) okuyun ve [teknik bir konuşmayı](https://www.youtube.com/watch?v=pj5N-Khihgc) izleyin.
40
39
41
40
---
42
41
@@ -54,11 +53,11 @@ Bir Suspense boundary, content’ini reveal etmeden önce onun hazır olmasını
A *Suspense-enabled framework* gives you a way to read data in your component in a way that activates the closest Suspense boundary. The exact way you load your data depends on your framework, and you'll find the details in its documentation. Under the hood, a Suspense-enabled framework maintains a cache of Promises and calls [`use`](/reference/react/use)to suspend on a Promise.
58
+
Bir **Suspense-enabled framework**, component’inizde data’yı en yakın Suspense boundary’yi aktive edecek şekilde okumanız için bir yol sağlar. Data’nızı tam olarak nasıl load edeceğiniz framework’ünüze bağlıdır ve detayları onun documentation’ında bulursunuz. Under the hood, Suspense-enabled bir framework Promise’lerden oluşan bir cache tutar ve bir Promise üzerinde suspend olmak için [`use`](/reference/react/use)çağırır.
60
59
61
-
Without a framework, you can read a Promise with `use` directly, as long as the Promise is [cached so the same instance is reused across renders.](/reference/react/use#caching-promises-for-client-components)
60
+
Framework olmadan, Promise [render’lar arasında aynı instance yeniden kullanılacak şekilde cache’lendiği](/reference/react/use#caching-promises-for-client-components) sürece doğrudan `use` ile bir Promise okuyabilirsiniz.
*Kaynaklar*, bir bileşen tarafından durumlarının bir parçası olmadan erişilebilir. Örneğin, bir bileşen, bir Promise'den mesaj okuyabilir veya bir context'ten stil bilgisi alabilir.
27
+
**Kaynaklar**, bir component tarafından state’lerinin bir parçası olmadan erişilebilir. Örneğin, bir component bir Promise’den mesaj okuyabilir veya bir context’ten style bilgisi alabilir.
28
28
29
29
[`use`](/reference/react/use)’a şu resource type’larını geçirebilirsiniz:
Copy file name to clipboardExpand all lines: src/content/reference/react/use.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -94,26 +94,26 @@ function BrowserOnly() {
94
94
}
95
95
```
96
96
97
-
During server rendering, the component calling `use(browser())`suspends and React includes the closest [`<Suspense>`](/reference/react/Suspense) boundary's fallback in the HTML. In the browser, `use(browser())` returns `undefined`, so the component renders normally.
97
+
Server rendering sırasında `use(browser())`çağıran component suspend olur ve React, en yakın [`<Suspense>`](/reference/react/Suspense) boundary’sinin fallback’ini HTML’e dahil eder. Browser’da `use(browser())`, `undefined` döndürür; böylece component normal şekilde render edilir.
98
98
99
-
[See an example below.](#rendering-a-component-only-in-the-browser)
* `browserValue`: The value returned by [`browser`](/reference/react-dom/browser).
103
+
* `browserValue`: [`browser`](/reference/react-dom/browser) tarafından döndürülen value.
104
104
105
-
#### Returns {/*browser-returns*/}
105
+
#### Döndürür {/*browser-returns*/}
106
106
107
-
`use(browser())` returns`undefined`in the browser.
107
+
`use(browser())`, browser’da`undefined`döndürür.
108
108
109
-
#### Caveats {/*browser-caveats*/}
109
+
#### Uyarılar {/*browser-caveats*/}
110
110
111
-
* The component calling `use(browser())`must be inside a `<Suspense>` boundary during server rendering. Without one, server rendering fails.
112
-
* In a React Server Components app, `use(browser())`must be called from a [Client Component](/reference/rsc/use-client), not a [Server Component](/reference/rsc/server-components).
111
+
* `use(browser())`çağıran component, server rendering sırasında bir `<Suspense>` boundary’si içinde olmalıdır. Aksi takdirde server rendering başarısız olur.
112
+
* Bir React Server Components app’inde, `use(browser())`bir [Server Component](/reference/rsc/server-components) içinden değil, bir [Client Component](/reference/rsc/use-client) içinden çağrılmalıdır.
113
113
114
114
---
115
115
116
-
## Usage (Context) {/*usage-context*/}
116
+
## Kullanım (Context) {/*usage-context*/}
117
117
118
118
### `use` ile context okumak {/*reading-context-with-use*/}
119
119
@@ -1204,11 +1204,11 @@ Suspense boundary’lerinin nereye yerleştirileceği konusunda rehberlik için
1204
1204
1205
1205
---
1206
1206
1207
-
### Displaying an error with an Error Boundary {/*displaying-an-error-with-an-error-boundary*/}
1207
+
### Error Boundary ile error gösterme {/*displaying-an-error-with-an-error-boundary*/}
1208
1208
1209
-
If the Promise passed to `use` is rejected, the error propagates to the nearest [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary). Wrap the component that calls `use`in an Error Boundary to display a fallback when the Promise is rejected.
1209
+
`use`’a geçirilen Promise rejected olursa, error en yakın [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary)’ye propagate edilir. Promise rejected olduğunda fallback göstermek için `use`çağıran component’i bir Error Boundary ile sarın.
1210
1210
1211
-
In the example below, `fetchData`rejects on the first attempt and succeeds on retry. The Error Boundary catches the rejection and shows a fallback with a "Try again" button.
1211
+
Aşağıdaki örnekte, `fetchData`ilk denemede rejected olur ve retry sonrasında başarılı olur. Error Boundary rejection’ı yakalar ve "Try again" button’u içeren bir fallback gösterir.
1212
1212
1213
1213
<Sandpack>
1214
1214
@@ -1476,7 +1476,7 @@ iframe {
1476
1476
1477
1477
</Sandpack>
1478
1478
1479
-
During server rendering, `use(browser())`suspends the component and React includes the closest Suspense boundary's fallback in the HTML. In the browser, `use(browser())` returns `undefined`and the saved draft renders normally.
1479
+
Server rendering sırasında `use(browser())`component’i suspend eder ve React, en yakın Suspense boundary’sinin fallback’ini HTML’e dahil eder. Browser’da `use(browser())`, `undefined`döndürür ve kaydedilmiş draft normal şekilde render edilir.
0 commit comments