Skip to content

Commit b6cd6ea

Browse files
committed
fix(reference): address review for renderToString (PR #676)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent 0de82b6 commit b6cd6ea

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ import { renderToString } from 'react-dom/server';
4141
const html = renderToString(<App />);
4242
```
4343
44-
Sul client, chiama [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) per idratare l'HTML generato sul server.
44+
Sul client, chiama [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) per idratare l'HTML generato sul server e attivarne l'interattività.
4545
4646
[Vedi altri esempi sotto.](#usage)
4747
@@ -58,7 +58,7 @@ Una stringa HTML.
5858
5959
#### Caveats {/*caveats*/}
6060
61-
* `renderToString` ha un supporto limitato a Suspense. Se un componente sospende, `renderToString` invia immediatamente il suo fallback come HTML.
61+
* `renderToString` ha un supporto limitato per Suspense. Se un componente sospende, `renderToString` invia immediatamente il suo fallback come HTML.
6262
6363
* `renderToString` funziona nel browser, ma usarlo nel codice client [non è consigliato.](#removing-rendertostring-from-the-client-code)
6464
@@ -80,7 +80,7 @@ app.use('/', (request, response) => {
8080
});
8181
```
8282
83-
Questo produrrà l'output HTML iniziale non interattivo dei tuoi componenti React. Sul client, dovrai chiamare [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) per *idratare* quell'HTML generato sul server e renderlo interattivo.
83+
Questo produrrà l'output HTML iniziale non interattivo dei tuoi componenti React. Sul client, dovrai chiamare [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) per *idratare* quell'HTML generato sul server e attivarne l'interattività.
8484
8585
8686
<Pitfall>
@@ -155,7 +155,7 @@ La chiamata a [`flushSync`](/reference/react-dom/flushSync) è necessaria affinc
155155
156156
`renderToString` non supporta completamente Suspense.
157157
158-
Se un componente sospende (ad esempio, perché è definito con [`lazy`](/reference/react/lazy) o recupera dati), `renderToString` non attenderà che il suo contenuto venga risolto. Invece, `renderToString` troverà il confine [`<Suspense>`](/reference/react/Suspense) più vicino sopra di esso e renderizzerà la sua prop `fallback` nell'HTML. Il contenuto non apparirà finché non viene caricato il codice client.
158+
Se un componente sospende (ad esempio, perché è definito con [`lazy`](/reference/react/lazy) o recupera dati), `renderToString` non attenderà che il suo contenuto venga risolto. Invece, `renderToString` troverà il boundary [`<Suspense>`](/reference/react/Suspense) più vicino sopra di esso e renderizzerà la sua `fallback` nell'HTML. Il contenuto non apparirà finché non viene caricato il codice client.
159159
160160
Per risolvere, usa una delle [soluzioni di streaming consigliate.](#alternatives) Per la renderizzazione sul server, possono fare streaming del contenuto a chunk man mano che viene risolto sul server, così l'utente vede la pagina riempirsi progressivamente prima che venga caricato il codice client. Per la generazione di siti statici, possono attendere che tutto il contenuto venga risolto prima di generare l'HTML statico.
161161

0 commit comments

Comments
 (0)