Skip to content

Commit 7971e81

Browse files
committed
sync-7b6c3ceb
1 parent dc84d4e commit 7971e81

1 file changed

Lines changed: 23 additions & 27 deletions

File tree

‎src/content/reference/react-dom/server/renderToPipeableStream.md‎

Lines changed: 23 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -48,33 +48,29 @@ const { pipe } = renderToPipeableStream(<App />, {
4848
4949
* `reactNode`: HTML'e render etmek istediğiniz React düğümüdür. Örneğin, `<App />` gibi bir JSX bileşeni. Belgenin tamamını temsil etmesi beklediğinden dolayı `App` bileşeni `<html>` etiketini render etmelidir.
5050
51-
<<<<<<< HEAD
52-
* **isteğe bağlı** `options`: Stream seçenekleri olan bir nesne.
53-
* **isteğe bağlı** `bootstrapScriptContent`: Eğer belirtilmişse, bu string satır içi `<script>` etiketinin içine yerleştirilecektir.
54-
* **isteğe bağlı** `bootstrapScripts`: `<script>` etiketlerinin sayfada yayınlayacağı string tipindeki URL'lerin dizisi. Kullanmak için, [`hydrateRoot`](/reference/react-dom/client/hydrateRoot)'u çağıran `<script>` etiketiketine dahil edin. React'ı istemci üzerinde çalıştırmak istemiyorsanız atlayınız.
55-
* **isteğe bağlı** `bootstrapModules`: `bootstrapScripts` gibidir, ancak [`<script type="module">`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) çıktısı verir.
56-
* **isteğe bağlı** `identifierPrefix`: React tarafından [`useId`](/reference/react/useId) ile üretilen ID'ler için kullanılan ön ektir. Aynı sayfada birden fazla kök kullanılıyorsa karışıklıkları önlemek için uygundur. [`hydrateRoot`](/reference/react-dom/client/hydrateRoot#parameters)'a gönderilen ön ek ile aynı olmalıdır.
57-
* **isteğe bağlı** `namespaceURI`: Stream için kök [namespace URI](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS#important_namespace_uris) olan bir stringtir. Standart HTML'de varsayılandır. SVG için `'http://www.w3.org/2000/svg'` ya da MathML için `'http://www.w3.org/1998/Math/MathML'` iletin.
58-
* **isteğe bağlı** `nonce`: [`nonce`](http://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#nonce) stringi, [`script-src` Content-Security-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src) scriptlerine izin vermek için kullanılır.
59-
* **isteğe bağlı** `onAllReady`: [shell](#specifying-what-goes-into-the-shell) ve tüm ek [content](#streaming-more-content-as-it-loads)'ler de dahil olmak üzerebütün render işlemi tamamlandığında çağırılan callbacktir. `onShellReady` [tarayıcılar ve statik oluşturma için](#waiting-for-all-content-to-load-for-crawlers-and-static-generation) yerine kullanabilirsiniz. Streami buradan başlatırsanız, herhangi bir aşamalı yükleme almayacaksınız. Stream, en son HTML'i içerecektir.
60-
* **isteğe bağlı** `onError`: [Kurtarılabilir](#recovering-from-errors-outside-the-shell) veya [kurtarılamaz](#recovering-from-errors-inside-the-shell) sunucu hatalarında çağırılan callbacktir. Varsayılan olarak sadece `console.error`'u çağırır. [Günlük kitlenme raporularına](#logging-crashes-on-the-server) olarak geçersiz kılsanız bile `console.error`'u çağırdığınızdan emin olun. Ayrıca shell yayınlanmadan önce [durum kodunu ayarlamak](#setting-the-status-code) için de kullanabilirsiniz.
61-
* **isteğe bağlı** `onShellReady`: [Başlangıç shell](#specifying-what-goes-into-the-shell)'i render edildikten hemen sonra çağırılan callbacktir. [Durum kodunu ayarlamak](#setting-the-status-code) ve streami başlatmak için `pipe`'ı çağırabilirsiniz. React shellden sonra [ek contentleri stream](#streaming-more-content-as-it-loads) edecektir ve bu contentleri HTML yükleme fallbacklerini değiştiren `<script>` etiketleriyle birlikte stream edecektir.
62-
* **isteğe bağlı** `onShellError`: Başlangıç shelli render edilirken bir hata varsa çağırılan callbacktir. Hatayı argüman olarak alır. Stream için herhangi bir byte yayınlanmaz ve `onShellReady` ya da `onAllReady` çağırılmaz. Böylece [bir HTML shellinin fallback çıktısını](#recovering-from-errors-inside-the-shell) alabilirsiniz.
63-
* **isteğe bağlı** `progressiveChunkSize`: Yığındaki byte sayısıdır. [Varsayılan buluşsal yöntem hakkında daha fazlasını okuyun.](https://github.com/facebook/react/blob/14c2be8dac2d5482fda8a0906a31d239df8551fc/packages/react-server/src/ReactFizzServer.js#L210-L225)
64-
=======
65-
* **optional** `options`: An object with streaming options.
66-
* **optional** `bootstrapScriptContent`: If specified, this string will be placed in an inline `<script>` tag.
67-
* **optional** `bootstrapScripts`: An array of string URLs for the `<script>` tags to emit on the page. Use this to include the `<script>` that calls [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot) Omit it if you don't want to run React on the client at all.
68-
* **optional** `bootstrapModules`: Like `bootstrapScripts`, but emits [`<script type="module">`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) instead.
69-
* **optional** `identifierPrefix`: A string prefix React uses for IDs generated by [`useId`.](/reference/react/useId) Useful to avoid conflicts when using multiple roots on the same page. Must be the same prefix as passed to [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot#parameters)
70-
* **optional** `namespaceURI`: A string with the root [namespace URI](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS#important_namespace_uris) for the stream. Defaults to regular HTML. Pass `'http://www.w3.org/2000/svg'` for SVG or `'http://www.w3.org/1998/Math/MathML'` for MathML.
71-
* **optional** `nonce`: A [`nonce`](http://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#nonce) string to allow scripts for [`script-src` Content-Security-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
72-
* **optional** `onAllReady`: A callback that fires when all rendering is complete, including both the [shell](#specifying-what-goes-into-the-shell) and all additional [content.](#streaming-more-content-as-it-loads) You can use this instead of `onShellReady` [for crawlers and static generation.](#waiting-for-all-content-to-load-for-crawlers-and-static-generation) If you start streaming here, you won't get any progressive loading. The stream will contain the final HTML.
73-
* **optional** `onError`: A callback that fires whenever there is a server error, whether [recoverable](#recovering-from-errors-outside-the-shell) or [not.](#recovering-from-errors-inside-the-shell) By default, this only calls `console.error`. If you override it to [log crash reports,](#logging-crashes-on-the-server) make sure that you still call `console.error`. You can also use it to [adjust the status code](#setting-the-status-code) before the shell is emitted.
74-
* **optional** `onShellReady`: A callback that fires right after the [initial shell](#specifying-what-goes-into-the-shell) has been rendered. You can [set the status code](#setting-the-status-code) and call `pipe` here to start streaming. React will [stream the additional content](#streaming-more-content-as-it-loads) after the shell along with the inline `<script>` tags that replace the HTML loading fallbacks with the content.
75-
* **optional** `onShellError`: A callback that fires if there was an error rendering the initial shell. It receives the error as an argument. No bytes were emitted from the stream yet, and neither `onShellReady` nor `onAllReady` will get called, so you can [output a fallback HTML shell.](#recovering-from-errors-inside-the-shell)
76-
* **optional** `progressiveChunkSize`: The number of bytes in a chunk. [Read more about the default heuristic.](https://github.com/react/react/blob/14c2be8dac2d5482fda8a0906a31d239df8551fc/packages/react-server/src/ReactFizzServer.js#L210-L225)
77-
>>>>>>> 7b6c3ceb9dd97249e9dce4a8a94e61aed6424698
51+
* **optional** `options`: Streaming options içeren bir object.
52+
53+
* **optional** `bootstrapScriptContent`: Belirtilirse, bu string inline bir `<script>` tag’i içine yerleştirilir.
54+
55+
* **optional** `bootstrapScripts`: Sayfada emit edilecek `<script>` tag’leri için string URL’lerden oluşan bir array. [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) çağıran `<script>`’i dahil etmek için bunu kullanın. Client tarafında React’i hiç çalıştırmak istemiyorsanız bunu atlayın.
56+
57+
* **optional** `bootstrapModules`: `bootstrapScripts` gibidir, ancak bunun yerine [`<script type="module">`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) emit eder.
58+
59+
* **optional** `identifierPrefix`: React’in [`useId`](/reference/react/useId) tarafından oluşturulan ID’ler için kullandığı string prefix. Aynı sayfada birden fazla root kullanırken conflict’leri önlemek için kullanışlıdır. [`hydrateRoot`](/reference/react-dom/client/hydrateRoot#parameters)’a geçirilen prefix ile aynı olmalıdır.
60+
61+
* **optional** `namespaceURI`: Stream için root [namespace URI](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS#important_namespace_uris)’sini içeren bir string. Default olarak normal HTML’dir. SVG için `'http://www.w3.org/2000/svg'`, MathML için `'http://www.w3.org/1998/Math/MathML'` geçirin.
62+
63+
* **optional** `nonce`: [`script-src` Content-Security-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src) için script’lere izin veren bir [`nonce`](http://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#nonce) string’i.
64+
65+
* **optional** `onAllReady`: Hem [shell](#specifying-what-goes-into-the-shell) hem de tüm ek [content](#streaming-more-content-as-it-loads) dahil olmak üzere tüm rendering tamamlandığında tetiklenen bir callback. Bunu `onShellReady` yerine [crawler’lar ve static generation](#waiting-for-all-content-to-load-for-crawlers-and-static-generation) için kullanabilirsiniz. Burada streaming’i başlatırsanız progressive loading elde etmezsiniz. Stream final HTML’i içerir.
66+
67+
* **optional** `onError`: [Recoverable](#recovering-from-errors-outside-the-shell) olsun ya da [olmasın](#recovering-from-errors-inside-the-shell), server error olduğunda tetiklenen bir callback. Default olarak yalnızca `console.error` çağırır. [Crash report’ları loglamak](#logging-crashes-on-the-server) için override ederseniz, yine de `console.error` çağırdığınızdan emin olun. Shell emit edilmeden önce [status code’u ayarlamak](#setting-the-status-code) için de kullanabilirsiniz.
68+
69+
* **optional** `onShellReady`: [Initial shell](#specifying-what-goes-into-the-shell) render edildikten hemen sonra tetiklenen bir callback. Burada [status code’u ayarlayabilir](#setting-the-status-code) ve streaming’i başlatmak için `pipe` çağırabilirsiniz. React, shell’den sonra ek [content’i stream eder](#streaming-more-content-as-it-loads) ve HTML loading fallback’lerini content ile değiştiren inline `<script>` tag’lerini de beraberinde gönderir.
70+
71+
* **optional** `onShellError`: Initial shell render edilirken bir error oluşursa tetiklenen bir callback. Error’ı argüman olarak alır. Stream’den henüz hiç byte emit edilmemiştir ve ne `onShellReady` ne de `onAllReady` çağrılır; bu yüzden [fallback HTML shell output edebilirsiniz](#recovering-from-errors-inside-the-shell).
72+
73+
* **optional** `progressiveChunkSize`: Bir chunk içindeki byte sayısı. [Default heuristic hakkında daha fazla okuyun.](https://github.com/react/react/blob/14c2be8dac2d5482fda8a0906a31d239df8551fc/packages/react-server/src/ReactFizzServer.js#L210-L225)
7874
7975
8076
#### Dönüş Değeri {/*returns*/}

0 commit comments

Comments
 (0)