From 431537b2530f520c2eb0fc4db8ea2bf6c42a6d74 Mon Sep 17 00:00:00 2001 From: arif-ozberk Date: Sun, 2 Jul 2023 20:07:17 +0300 Subject: [PATCH 1/2] translate `renderToStaticNodeStream` --- .../server/renderToStaticNodeStream.md | 42 +++++++++---------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticNodeStream.md b/src/content/reference/react-dom/server/renderToStaticNodeStream.md index ec3d58937..59bb7038c 100644 --- a/src/content/reference/react-dom/server/renderToStaticNodeStream.md +++ b/src/content/reference/react-dom/server/renderToStaticNodeStream.md @@ -4,7 +4,7 @@ title: renderToStaticNodeStream -`renderToStaticNodeStream` renders a non-interactive React tree to a [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams) +`renderToStaticNodeStream` interaktif olmayan bir React ağacını [Okunabilir Node.js Akımına](https://nodejs.org/api/stream.html#readable-streams) render etmenize olanak tanır. ```js const stream = renderToStaticNodeStream(reactNode) @@ -16,11 +16,11 @@ const stream = renderToStaticNodeStream(reactNode) --- -## Reference {/*reference*/} +## Başvuru dokümanı {/*reference*/} ### `renderToStaticNodeStream(reactNode)` {/*rendertostaticnodestream*/} -On the server, call `renderToStaticNodeStream` to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams). +Sunucuda, [Okunabilir Node.js Akışı](https://nodejs.org/api/stream.html#readable-streams) elde etmek için `renderToStaticNodeStream` fonksiyonunu çağırınız. ```js import { renderToStaticNodeStream } from 'react-dom/server'; @@ -29,52 +29,52 @@ const stream = renderToStaticNodeStream(); stream.pipe(response); ``` -[See more examples below.](#usage) +[Buradan daha fazla örnek görebilirsiniz.](#usage) -The stream will produce non-interactive HTML output of your React components. +Akım, React bileşenlerinizin etkileşimli olmayan HTML çıktılarını üretecektir. -#### Parameters {/*parameters*/} +#### Parametreler {/*parameters*/} -* `reactNode`: A React node you want to render to HTML. For example, a JSX element like ``. +* `reactNode`: HTML'e render etmek istediğiniz bir React düğümü. Örneğin, `` gibi bir JSX elemanı. -#### Returns {/*returns*/} +#### Geri Döndürür {/*returns*/} -A [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) that outputs an HTML string. The resulting HTML can't be hydrated on the client. +HTML string'i döndüren bir [Okunabilir Node.js Akımı](https://nodejs.org/api/stream.html#readable-streams) döndürür. Ortaya çıkan HTML istemcide sulanamaz. -#### Caveats {/*caveats*/} +#### Uyarılar {/*caveats*/} -* `renderToStaticNodeStream` output cannot be hydrated. +* `renderToStaticNodeStream` çıktısı sulanamaz. -* This method will wait for all [Suspense boundaries](/reference/react/Suspense) to complete before returning any output. +* Bu yöntem, herhangi bir çıktı döndürmeden önce tüm [Askıya alma sınırlarının](/reference/react/Suspense) tamamlanmasını bekler. -* As of React 18, this method buffers all of its output, so it doesn't actually provide any streaming benefits. +* React 18'den itibaren, bu yöntem tüm çıktısını tamponlar, aslında bu nedenle herhangi bir akış avantajı sağlamaz. -* The returned stream is a byte stream encoded in utf-8. If you need a stream in another encoding, take a look at a project like [iconv-lite](https://www.npmjs.com/package/iconv-lite), which provides transform streams for transcoding text. +* Döndürülen akış utf-8 olarak kodlanmış bir byte akışıdır. Başka bir kodlamada akışa ihtiyacınız varsa, metni dönüştürmek için dönüştürme akışları sağlayan [iconv-lite](https://www.npmjs.com/package/iconv-lite) gibi bir projeye göz atabilirsiniz. --- -## Usage {/*usage*/} +## Kullanım {/*usage*/} -### Rendering a React tree as static HTML to a Node.js Readable Stream {/*rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream*/} +### Bir React ağacını statik HTML olarak Okunabilir Node.js Akışına dönüştürme {/*rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream*/} -Call `renderToStaticNodeStream` to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) which you can pipe to your server response: +Sunucu yanıtınıza aktarabileceğiniz bir [Okunabilir Node.js Akımı](https://nodejs.org/api/stream.html#readable-streams) elde etmek için `renderToStaticNodeStream` fonksiyonunu çağırabilirsiniz: ```js {5-6} import { renderToStaticNodeStream } from 'react-dom/server'; -// The route handler syntax depends on your backend framework +// Route handler syntax backend çatınıza bağlıdır app.use('/', (request, response) => { const stream = renderToStaticNodeStream(); stream.pipe(response); }); ``` -The stream will produce the initial non-interactive HTML output of your React components. +Akım, React bileşenlerinizin etkileşimli olmayan ilk HTML çıktısını üretecektir. -This method renders **non-interactive HTML that cannot be hydrated.** This is useful if you want to use React as a simple static page generator, or if you're rendering completely static content like emails. +Bu yöntem, **sulanamayan ve interaktif olmayan HTML oluşturur.** Bu yöntem, React'i basit bir statik sayfa oluşturucu olarak kullanmak istiyorsanız veya e-postalar gibi tamamen statik içerik oluşturuyorsanız kullanışlıdır. -Interactive apps should use [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client. +İnteraktif uygulamalar [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream)'i sunucu tarafında kullanmalıdır. [`hydrateRoot`](/reference/react-dom/client/hydrateRoot)'u ise kullanıcı tarafında kullanmalıdır. From 58a0fda841a75ffc8223624f77dd00d71e3f06b7 Mon Sep 17 00:00:00 2001 From: arif-ozberk Date: Sun, 9 Jul 2023 12:49:53 +0300 Subject: [PATCH 2/2] translation updates --- .../react-dom/server/renderToStaticNodeStream.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticNodeStream.md b/src/content/reference/react-dom/server/renderToStaticNodeStream.md index 59bb7038c..de4093b86 100644 --- a/src/content/reference/react-dom/server/renderToStaticNodeStream.md +++ b/src/content/reference/react-dom/server/renderToStaticNodeStream.md @@ -4,7 +4,7 @@ title: renderToStaticNodeStream -`renderToStaticNodeStream` interaktif olmayan bir React ağacını [Okunabilir Node.js Akımına](https://nodejs.org/api/stream.html#readable-streams) render etmenize olanak tanır. +`renderToStaticNodeStream` interaktif olmayan bir React ağacını [Okunabilir Node.js Akışına](https://nodejs.org/api/stream.html#readable-streams) render etmenize olanak tanır. ```js const stream = renderToStaticNodeStream(reactNode) @@ -31,23 +31,23 @@ stream.pipe(response); [Buradan daha fazla örnek görebilirsiniz.](#usage) -Akım, React bileşenlerinizin etkileşimli olmayan HTML çıktılarını üretecektir. +Akış, React bileşenlerinizin etkileşimli olmayan HTML çıktılarını üretecektir. #### Parametreler {/*parameters*/} * `reactNode`: HTML'e render etmek istediğiniz bir React düğümü. Örneğin, `` gibi bir JSX elemanı. -#### Geri Döndürür {/*returns*/} +#### Dönüş Değeri {/*returns*/} -HTML string'i döndüren bir [Okunabilir Node.js Akımı](https://nodejs.org/api/stream.html#readable-streams) döndürür. Ortaya çıkan HTML istemcide sulanamaz. +HTML string'i döndüren bir [Okunabilir Node.js Akışı](https://nodejs.org/api/stream.html#readable-streams) döndürür. Ortaya çıkan HTML istemcide sulanamaz. #### Uyarılar {/*caveats*/} * `renderToStaticNodeStream` çıktısı sulanamaz. -* Bu yöntem, herhangi bir çıktı döndürmeden önce tüm [Askıya alma sınırlarının](/reference/react/Suspense) tamamlanmasını bekler. +* Bu yöntem, herhangi bir çıktı döndürmeden önce tüm [Suspense sınırlarının](/reference/react/Suspense) tamamlanmasını bekler. -* React 18'den itibaren, bu yöntem tüm çıktısını tamponlar, aslında bu nedenle herhangi bir akış avantajı sağlamaz. +* React 18'den itibaren, bu yöntem tüm çıktısını ara belleğe alır, aslında bu nedenle herhangi bir akış avantajı sağlamaz. * Döndürülen akış utf-8 olarak kodlanmış bir byte akışıdır. Başka bir kodlamada akışa ihtiyacınız varsa, metni dönüştürmek için dönüştürme akışları sağlayan [iconv-lite](https://www.npmjs.com/package/iconv-lite) gibi bir projeye göz atabilirsiniz. @@ -57,7 +57,7 @@ HTML string'i döndüren bir [Okunabilir Node.js Akımı](https://nodejs.org/api ### Bir React ağacını statik HTML olarak Okunabilir Node.js Akışına dönüştürme {/*rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream*/} -Sunucu yanıtınıza aktarabileceğiniz bir [Okunabilir Node.js Akımı](https://nodejs.org/api/stream.html#readable-streams) elde etmek için `renderToStaticNodeStream` fonksiyonunu çağırabilirsiniz: +Sunucu yanıtınıza aktarabileceğiniz bir [Okunabilir Node.js Akışı](https://nodejs.org/api/stream.html#readable-streams) elde etmek için `renderToStaticNodeStream` fonksiyonunu çağırabilirsiniz: ```js {5-6} import { renderToStaticNodeStream } from 'react-dom/server'; @@ -69,7 +69,7 @@ app.use('/', (request, response) => { }); ``` -Akım, React bileşenlerinizin etkileşimli olmayan ilk HTML çıktısını üretecektir. +Akış, React bileşenlerinizin etkileşimli olmayan ilk HTML çıktısını üretecektir.