Skip to content

Commit db6d485

Browse files
luiserdefcarburo
andauthored
Translate renderToStaticNodeStream (#696)
* Translate renderToStaticNodeStream * remove extra expace * fix line numbers --------- Co-authored-by: Rainer Martinez <[email protected]>
1 parent 627b223 commit db6d485

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

src/content/reference/react-dom/server/renderToStaticNodeStream.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: renderToStaticNodeStream
44

55
<Intro>
66

7-
`renderToStaticNodeStream` renders a non-interactive React tree to a [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
7+
`renderToStaticNodeStream` renderiza un árbol de React no interactivo a un [Stream legible de Node.js.](https://nodejs.org/api/stream.html#readable-streams)
88

99
```js
1010
const stream = renderToStaticNodeStream(reactNode)
@@ -16,11 +16,11 @@ const stream = renderToStaticNodeStream(reactNode)
1616

1717
---
1818

19-
## Reference {/*reference*/}
19+
## Referencia {/*reference*/}
2020

2121
### `renderToStaticNodeStream(reactNode)` {/*rendertostaticnodestream*/}
2222

23-
On the server, call `renderToStaticNodeStream` to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams).
23+
En el servidor, llama a `renderToStaticNodeStream` para obtener un [Stream legible de Node.js](https://nodejs.org/api/stream.html#readable-streams).
2424

2525
```js
2626
import { renderToStaticNodeStream } from 'react-dom/server';
@@ -29,52 +29,52 @@ const stream = renderToStaticNodeStream(<Page />);
2929
stream.pipe(response);
3030
```
3131

32-
[See more examples below.](#usage)
32+
[Ver más ejemplos abajo.](#usage)
3333

34-
The stream will produce non-interactive HTML output of your React components.
34+
El stream producirá, en la salida, HTML no interactivo de tus componentes de React.
3535

36-
#### Parameters {/*parameters*/}
36+
#### Parámetros {/*parameters*/}
3737

38-
* `reactNode`: A React node you want to render to HTML. For example, a JSX element like `<Page />`.
38+
* `reactNode`: Un nodo de React que quieres renderizar a HTML. Por ejemplo, un elemento JSX como `<Page />`.
3939

40-
#### Returns {/*returns*/}
40+
#### Devuelve {/*returns*/}
4141

42-
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.
42+
Un [Stream legible de Node.js](https://nodejs.org/api/stream.html#readable-streams) que produce un string HTML como salida. El HTML resultante no puede hidratarse en el cliente.
4343

44-
#### Caveats {/*caveats*/}
44+
#### Advertencias {/*caveats*/}
4545

46-
* `renderToStaticNodeStream` output cannot be hydrated.
46+
* La salida de `renderToStaticNodeStream` no puede ser hidratada.
4747

48-
* This method will wait for all [Suspense boundaries](/reference/react/Suspense) to complete before returning any output.
48+
* Este método va a esperar que todas las [barreras de Suspense](/reference/react/Suspense) se completen antes de devolver alguna salida.
4949

50-
* As of React 18, this method buffers all of its output, so it doesn't actually provide any streaming benefits.
50+
* A partir de React 18, este método almacena en búfer toda su salida, por lo que no ofrece realmente ningún beneficio de transmisión.
5151

52-
* 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.
52+
* El stream devuelto es un flujo de bytes codificado en utf-8. Si necesitas un stream en otra codificación, echa un vistazo a un proyecto como [iconv-lite](https://www.npmjs.com/package/iconv-lite), que proporciona streams de transformación para la transcodificación de texto.
5353

5454
---
5555

56-
## Usage {/*usage*/}
56+
## Uso {/*usage*/}
5757

58-
### 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*/}
58+
### Renderizar un árbol de React como HTML estático a un Stream legible de Node.js {/*rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream*/}
5959

60-
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:
60+
Llama a `renderToStaticNodeStream` para obtener un [Stream legible de Node.js](https://nodejs.org/api/stream.html#readable-streams) que puedes canalizar a la respuesta de tu servidor:
6161

6262
```js {5-6}
6363
import { renderToStaticNodeStream } from 'react-dom/server';
6464

65-
// The route handler syntax depends on your backend framework
65+
// La sintaxis del manejador de rutas depende del framework de tu backend
6666
app.use('/', (request, response) => {
6767
const stream = renderToStaticNodeStream(<Page />);
6868
stream.pipe(response);
6969
});
7070
```
7171

72-
The stream will produce the initial non-interactive HTML output of your React components.
72+
El stream producirá la salida inicial no interactiva de HTML de tus componentes de React.
7373

7474
<Pitfall>
7575

76-
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.
76+
Este método renderiza **HTML no interactivo que no se puede hidratar.** Esto es útil si quieres utilizar React como un generador de páginas simple, o si estas renderizando contenido completamente estático como correos electrónicos.
7777

78-
Interactive apps should use [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client.
78+
Las aplicaciones interactivas deben usar [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) en el servidor y [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) en el cliente.
7979

8080
</Pitfall>

0 commit comments

Comments
 (0)