Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
67 changes: 37 additions & 30 deletions src/content/reference/react-dom/index.md
Original file line number Diff line number Diff line change
@@ -1,59 +1,66 @@
---
title: React DOM APIs
title: API React DOM
translationStatus: ai-draft
---

<Note>

Questa pagina è stata tradotta automaticamente e supervisionata da un maintainer. Un'ulteriore revisione da parte della community sarebbe comunque utile. [Migliora questa traduzione](https://github.com/reactjs/it.react.dev/edit/main/src/content/reference/react-dom/index.md).

</Note>

<Intro>

The `react-dom` package contains methods that are only supported for the web applications (which run in the browser DOM environment). They are not supported for React Native.
Il pacchetto `react-dom` contiene metodi supportati solo nelle applicazioni web (che vengono eseguite nell'ambiente DOM del browser). Non sono supportati in React Native.

</Intro>

---

## APIs {/*apis*/}
## API {/*apis*/}

These APIs can be imported from your components. They are rarely used:
Queste API possono essere importate dai tuoi componenti. Vengono usate raramente:

* [`createPortal`](/reference/react-dom/createPortal) lets you render child components in a different part of the DOM tree.
* [`flushSync`](/reference/react-dom/flushSync) lets you force React to flush a state update and update the DOM synchronously.
* [`createPortal`](/reference/react-dom/createPortal) ti permette di renderizzare componenti figli in una parte diversa dell'albero DOM.
* [`flushSync`](/reference/react-dom/flushSync) ti permette di forzare React a svuotare in modo sincrono un aggiornamento di state e ad aggiornare il DOM.

## Resource Preloading APIs {/*resource-preloading-apis*/}
## API di precaricamento delle risorse {/*resource-preloading-apis*/}

These APIs can be used to make apps faster by pre-loading resources such as scripts, stylesheets, and fonts as soon as you know you need them, for example before navigating to another page where the resources will be used.
Queste API possono essere usate per accelerare le app precaricando risorse come script, fogli di stile e font non appena sai di averne bisogno, ad esempio prima di navigare verso un'altra pagina in cui verranno usate.

[React-based frameworks](/learn/creating-a-react-app) frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework's documentation for details.
I [framework basati su React](/learn/creating-a-react-app) gestiscono spesso il caricamento delle risorse per te, quindi potresti non dover chiamare queste API personalmente. Consulta la documentazione del tuo framework per i dettagli.

* [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to.
* [`preconnect`](/reference/react-dom/preconnect) lets you connect to a server you expect to request resources from, even if you don't know what resources you'll need yet.
* [`preload`](/reference/react-dom/preload) lets you fetch a stylesheet, font, image, or external script that you expect to use.
* [`preloadModule`](/reference/react-dom/preloadModule) lets you fetch an ESM module that you expect to use.
* [`preinit`](/reference/react-dom/preinit) lets you fetch and evaluate an external script or fetch and insert a stylesheet.
* [`preinitModule`](/reference/react-dom/preinitModule) lets you fetch and evaluate an ESM module.
* [`prefetchDNS`](/reference/react-dom/prefetchDNS) ti permette di precaricare l'indirizzo IP di un nome di dominio DNS a cui ti aspetti di connetterti.
* [`preconnect`](/reference/react-dom/preconnect) ti permette di connetterti a un server da cui ti aspetti di richiedere risorse, anche se non sai ancora quali risorse ti serviranno.
* [`preload`](/reference/react-dom/preload) ti permette di recuperare un foglio di stile, un font, un'immagine o uno script esterno che ti aspetti di usare.
* [`preloadModule`](/reference/react-dom/preloadModule) ti permette di recuperare un modulo ESM che ti aspetti di usare.
* [`preinit`](/reference/react-dom/preinit) ti permette di recuperare ed eseguire uno script esterno o di recuperare e inserire un foglio di stile.
* [`preinitModule`](/reference/react-dom/preinitModule) ti permette di recuperare ed eseguire un modulo ESM.

## Server Rendering APIs {/*server-rendering-apis*/}
## API di renderizzazione sul server {/*server-rendering-apis*/}

This API controls how components render on the server:
Questa API controlla come i componenti vengono renderizzati sul server:

* [`browser`](/reference/react-dom/browser) lets you mark a component as browser-only during server rendering.
* [`browser`](/reference/react-dom/browser) ti permette di contrassegnare un componente come solo per il browser durante la renderizzazione sul server.

---

## Entry points {/*entry-points*/}
## Punti di ingresso {/*entry-points*/}

The `react-dom` package provides two additional entry points:
Il pacchetto `react-dom` fornisce due punti di ingresso aggiuntivi:

* [`react-dom/client`](/reference/react-dom/client) contains APIs to render React components on the client (in the browser).
* [`react-dom/server`](/reference/react-dom/server) contains APIs to render React components on the server.
* [`react-dom/client`](/reference/react-dom/client) contiene API per renderizzare componenti React sul client (nel browser).
* [`react-dom/server`](/reference/react-dom/server) contiene API per renderizzare componenti React sul server.

---

## Removed APIs {/*removed-apis*/}
## API rimosse {/*removed-apis*/}

These APIs were removed in React 19:
Queste API sono state rimosse in React 19:

* [`findDOMNode`](https://18.react.dev/reference/react-dom/findDOMNode): see [alternatives](https://18.react.dev/reference/react-dom/findDOMNode#alternatives).
* [`hydrate`](https://18.react.dev/reference/react-dom/hydrate): use [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) instead.
* [`render`](https://18.react.dev/reference/react-dom/render): use [`createRoot`](/reference/react-dom/client/createRoot) instead.
* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode): use [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) instead.
* [`renderToNodeStream`](https://18.react.dev/reference/react-dom/server/renderToNodeStream): use [`react-dom/server`](/reference/react-dom/server) APIs instead.
* [`renderToStaticNodeStream`](https://18.react.dev/reference/react-dom/server/renderToStaticNodeStream): use [`react-dom/server`](/reference/react-dom/server) APIs instead.
* [`findDOMNode`](https://18.react.dev/reference/react-dom/findDOMNode): vedi [alternative](https://18.react.dev/reference/react-dom/findDOMNode#alternatives).
* [`hydrate`](https://18.react.dev/reference/react-dom/hydrate): usa [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) invece.
* [`render`](https://18.react.dev/reference/react-dom/render): usa [`createRoot`](/reference/react-dom/client/createRoot) invece.
* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode): usa [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) invece.
* [`renderToNodeStream`](https://18.react.dev/reference/react-dom/server/renderToNodeStream): usa le API di [`react-dom/server`](/reference/react-dom/server) invece.
* [`renderToStaticNodeStream`](https://18.react.dev/reference/react-dom/server/renderToStaticNodeStream): usa le API di [`react-dom/server`](/reference/react-dom/server) invece.
2 changes: 1 addition & 1 deletion src/sidebarReference.json
Original file line number Diff line number Diff line change
Expand Up @@ -243,7 +243,7 @@
]
},
{
"title": "React DOM APIs",
"title": "API React DOM",
"path": "/reference/react-dom",
"routes": [
{
Expand Down
Loading