From c69c8e952e09af6d95e16273c8d8b405e17826bd Mon Sep 17 00:00:00 2001 From: Batuhan Tomo Date: Wed, 8 May 2024 09:59:50 +0300 Subject: [PATCH 1/5] translate `renderToStaticMarkup` --- .../react-dom/server/renderToStaticMarkup.md | 46 +++++++++---------- 1 file changed, 22 insertions(+), 24 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index 607affd99..914d5a4f0 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -4,7 +4,7 @@ title: renderToStaticMarkup -`renderToStaticMarkup` renders a non-interactive React tree to an HTML string. +`renderToStaticMarkup`, etkileşimli olmayan bir React ağacını HTML dizesine dönüştürür. ```js const html = renderToStaticMarkup(reactNode) @@ -16,64 +16,62 @@ const html = renderToStaticMarkup(reactNode) --- -## Reference {/*reference*/} +## Referans {/*reference*/} ### `renderToStaticMarkup(reactNode)` {/*rendertostaticmarkup*/} -On the server, call `renderToStaticMarkup` to render your app to HTML. +Sunucuda, uygulamanızı HTML'ye dönüştürmek için `renderToStaticMarkup` yöntemini çağırın. ```js import { renderToStaticMarkup } from 'react-dom/server'; - const html = renderToStaticMarkup(); ``` -It will produce non-interactive HTML output of your React components. +Bu, React bileşenlerinizin etkileşimli olmayan HTML çıktısını üretecektir. -[See more examples below.](#usage) +[Daha fazla örnek için.](#usage) -#### Parameters {/*parameters*/} +#### Parametreler {/*parameters*/} -* `reactNode`: A React node you want to render to HTML. For example, a JSX node like ``. -* **optional** `options`: An object for server render. - * **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. +* `reactNode`: Bir JSX düğümü gibi HTML'ye dönüştürmek istediğiniz bir React düğümü. Örneğin, şöyle bir JSX düğümü ``. +* **isteğe bağlı** `options`: Sunucu renderı için bir obje. + * **isteğe bağlı** `identifierPrefix`: [`useId`](/reference/react/useId) tarafından oluşturulan kimlikler için React'in kullandığı dize ön eki. Aynı sayfada birden fazla kök kullanırken çakışmaları önlemek için kullanışlıdır. -#### Returns {/*returns*/} +#### Dönüş Değeri {/*returns*/} -An HTML string. +Bir HTML dizesi. -#### Caveats {/*caveats*/} +#### Dikkat Edilmesi Gerekenler {/*caveats*/} -* `renderToStaticMarkup` output cannot be hydrated. +* `renderToStaticMarkup` çıktısı "hydrate" edilemez. -* `renderToStaticMarkup` has limited Suspense support. If a component suspends, `renderToStaticMarkup` immediately sends its fallback as HTML. +* `renderToStaticMarkup` sınırlı Suspense desteğine sahiptir. Bir bileşen askıya alındığında, `renderToStaticMarkup` hemen yedek olarak HTML gönderir. -* `renderToStaticMarkup` works in the browser, but using it in the client code is not recommended. If you need to render a component to HTML in the browser, [get the HTML by rendering it into a DOM node.](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code) +* `renderToStaticMarkup` tarayıcıda çalışır, ancak istemci kodunda kullanılması önerilmez. Bir bileşeni tarayıcıda HTML'e dönüştürmeniz gerekiyorsa, [HTML'yi bir DOM düğümüne render ederek alın.](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code) --- -## Usage {/*usage*/} +## Kullanım {/*usage*/} -### Rendering a non-interactive React tree as HTML to a string {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/} +### Bir etkileşimli olmayan React ağacını HTML olarak dizeye çevirme {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/} -Call `renderToStaticMarkup` to render your app to an HTML string which you can send with your server response: +Sunucu yanıtınızla birlikte gönderebileceğiniz bir HTML dizesi olarak uygulamanızı `renderToStaticMarkup` ile HTML'ye dönüştürün: ```js {5-6} import { renderToStaticMarkup } from 'react-dom/server'; - -// The route handler syntax depends on your backend framework +// Rota işleyicisinin sözdizimi, kullandığınız arka uç çerçevesine bağlıdır app.use('/', (request, response) => { const html = renderToStaticMarkup(); response.send(html); }); ``` -This will produce the initial non-interactive HTML output of your React components. +Bu, React bileşenlerinizin başlangıç olarak etkileşimsiz 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 **"hydrate" edilemeyen, etkileşimsiz HTML üretir.** Bu, React'i basit bir statik sayfa oluşturucusu olarak kullanmak istiyorsanız veya tamamen statik içerikler gibi içerikleri oluşturmak için kullanışlıdır. -Interactive apps should use [`renderToString`](/reference/react-dom/server/renderToString) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client. +Etkileşimli uygulamalar sunucuda [`renderToString`](/reference/react-dom/server/renderToString) ve istemci tarafında [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) kullanmalıdır. From 298299e090bc9d335b914e9a810f34a3cf4469ca Mon Sep 17 00:00:00 2001 From: Batuhan Tomo Date: Wed, 8 May 2024 15:09:26 +0300 Subject: [PATCH 2/5] update`renderToNodeStream` --- .../reference/react-dom/server/renderToStaticMarkup.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index 914d5a4f0..aa4b28ecc 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -16,7 +16,7 @@ const html = renderToStaticMarkup(reactNode) --- -## Referans {/*reference*/} +## Başvuru dokümanı {/*reference*/} ### `renderToStaticMarkup(reactNode)` {/*rendertostaticmarkup*/} @@ -29,7 +29,7 @@ const html = renderToStaticMarkup(); Bu, React bileşenlerinizin etkileşimli olmayan HTML çıktısını üretecektir. -[Daha fazla örnek için.](#usage) +[Buradan daha fazla örnek görebilirsiniz.](#usage) #### Parametreler {/*parameters*/} From 1a11521d65c3a9eec58f728b76fc5573b17ca80f Mon Sep 17 00:00:00 2001 From: Batuhan Tomo Date: Wed, 8 May 2024 15:09:52 +0300 Subject: [PATCH 3/5] Revert "update`renderToNodeStream`" This reverts commit 298299e090bc9d335b914e9a810f34a3cf4469ca. --- .../reference/react-dom/server/renderToStaticMarkup.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index aa4b28ecc..914d5a4f0 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -16,7 +16,7 @@ const html = renderToStaticMarkup(reactNode) --- -## Başvuru dokümanı {/*reference*/} +## Referans {/*reference*/} ### `renderToStaticMarkup(reactNode)` {/*rendertostaticmarkup*/} @@ -29,7 +29,7 @@ const html = renderToStaticMarkup(); Bu, React bileşenlerinizin etkileşimli olmayan HTML çıktısını üretecektir. -[Buradan daha fazla örnek görebilirsiniz.](#usage) +[Daha fazla örnek için.](#usage) #### Parametreler {/*parameters*/} From 4281ceab139b02dd76d481e91e0cc0c3c6daa510 Mon Sep 17 00:00:00 2001 From: Batuhan Tomo Date: Wed, 8 May 2024 15:10:18 +0300 Subject: [PATCH 4/5] update`renderToStaticMarkup` --- .../reference/react-dom/server/renderToStaticMarkup.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index 914d5a4f0..aa4b28ecc 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -16,7 +16,7 @@ const html = renderToStaticMarkup(reactNode) --- -## Referans {/*reference*/} +## Başvuru dokümanı {/*reference*/} ### `renderToStaticMarkup(reactNode)` {/*rendertostaticmarkup*/} @@ -29,7 +29,7 @@ const html = renderToStaticMarkup(); Bu, React bileşenlerinizin etkileşimli olmayan HTML çıktısını üretecektir. -[Daha fazla örnek için.](#usage) +[Buradan daha fazla örnek görebilirsiniz.](#usage) #### Parametreler {/*parameters*/} From 9a31e4fe17030f2cf1cd4385d24eaa97bf1998a9 Mon Sep 17 00:00:00 2001 From: Batuhan Tomo Date: Wed, 8 May 2024 16:19:13 +0300 Subject: [PATCH 5/5] update`renderToStaticMarkup` --- .../react-dom/server/renderToStaticMarkup.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index aa4b28ecc..9ad5c36d4 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -4,7 +4,7 @@ title: renderToStaticMarkup -`renderToStaticMarkup`, etkileşimli olmayan bir React ağacını HTML dizesine dönüştürür. +`renderToStaticMarkup`, etkileşimli olmayan bir React ağacını HTML string'e dönüştürür. ```js const html = renderToStaticMarkup(reactNode) @@ -35,11 +35,11 @@ Bu, React bileşenlerinizin etkileşimli olmayan HTML çıktısını üretecekti * `reactNode`: Bir JSX düğümü gibi HTML'ye dönüştürmek istediğiniz bir React düğümü. Örneğin, şöyle bir JSX düğümü ``. * **isteğe bağlı** `options`: Sunucu renderı için bir obje. - * **isteğe bağlı** `identifierPrefix`: [`useId`](/reference/react/useId) tarafından oluşturulan kimlikler için React'in kullandığı dize ön eki. Aynı sayfada birden fazla kök kullanırken çakışmaları önlemek için kullanışlıdır. + * **isteğe bağlı** `identifierPrefix`: [`useId`](/reference/react/useId) tarafından oluşturulan kimlikler için React'in kullandığı string ön eki. Aynı sayfada birden fazla kök kullanırken çakışmaları önlemek için kullanışlıdır. #### Dönüş Değeri {/*returns*/} -Bir HTML dizesi. +Bir HTML string'i. #### Dikkat Edilmesi Gerekenler {/*caveats*/} @@ -53,13 +53,13 @@ Bir HTML dizesi. ## Kullanım {/*usage*/} -### Bir etkileşimli olmayan React ağacını HTML olarak dizeye çevirme {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/} +### Bir etkileşimli olmayan React ağacını HTML olarak string'e çevirme {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/} -Sunucu yanıtınızla birlikte gönderebileceğiniz bir HTML dizesi olarak uygulamanızı `renderToStaticMarkup` ile HTML'ye dönüştürün: +Sunucu yanıtınızla birlikte gönderebileceğiniz bir HTML string'i olarak uygulamanızı `renderToStaticMarkup` ile HTML'ye dönüştürün: ```js {5-6} import { renderToStaticMarkup } from 'react-dom/server'; -// Rota işleyicisinin sözdizimi, kullandığınız arka uç çerçevesine bağlıdır +// Rota işleyicisinin sözdizimi, kullandığınız arka uç çatısına bağlıdır app.use('/', (request, response) => { const html = renderToStaticMarkup(); response.send(html);