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/reference/react-dom/server/renderToReadableStream.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -198,7 +198,7 @@ async function handler(request) {
198
198
}
199
199
```
200
200
201
-
In the example above, the `bootstrapScriptContent`option adds an extra inline `<script>` tag that sets the global `window.assetMap` variable on the client. This lets the client code read the same `assetMap`:
201
+
Yukarıdaki örnekte, `bootstrapScriptContent`seçeneği client tarafında global `window.assetMap` değişkenini ayarlayan ekstra bir inline `<script>` etiketi ekler. Bu sayede client kodu aynı `assetMap`’i okuyabilir:
Both client and server render `App` with the same `assetMap` prop, so there are no hydration errors.
210
+
Hem client hem de server, `App`’i aynı `assetMap` prop’u ile render eder; böylece herhangi bir hydration hatası oluşmaz.
211
211
212
212
</DeepDive>
213
213
214
214
---
215
215
216
-
### Streaming more content as it loads {/*streaming-more-content-as-it-loads*/}
216
+
### İçerik yüklendikçe stream etmek {/*streaming-more-content-as-it-loads*/}
217
217
218
-
Streaming allows the user to start seeing the content even before all the data has loaded on the server. For example, consider a profile page that shows a cover, a sidebar with friends and photos, and a list of posts:
218
+
Streaming, kullanıcının tüm veri server’da yüklenmeden önce içeriği görmeye başlamasını sağlar. Örneğin, bir profil sayfasını düşünün; burada bir kapak fotoğrafı, arkadaşlar ve fotoğraflar ile dolu bir yan panel ve bir gönderi listesi gösterilmektedir:
219
219
220
220
```js
221
221
functionProfilePage() {
@@ -232,7 +232,7 @@ function ProfilePage() {
232
232
}
233
233
```
234
234
235
-
Imagine that loading data for `<Posts />`takes some time. Ideally, you'd want to show the rest of the profile page content to the user without waiting for the posts. To do this, [wrap `Posts` in a `<Suspense>`boundary:](/reference/react/Suspense#displaying-a-fallback-while-content-is-loading)
235
+
Diyelim ki `<Posts />`için veri yüklemesi biraz zaman alıyor. İdeal olarak, gönderileri beklemeden kullanıcıya profil sayfasının geri kalanını göstermek istersiniz. Bunu yapmak için, [Posts’i bir `<Suspense>`sınırına sarın:](/reference/react/Suspense#displaying-a-fallback-while-content-is-loading)
0 commit comments