|
1 | 1 | --- |
2 | | -title: React DOM APIs |
| 2 | +title: API React DOM |
| 3 | +translationStatus: ai-draft |
3 | 4 | --- |
4 | 5 |
|
| 6 | +<Note> |
| 7 | + |
| 8 | +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). |
| 9 | + |
| 10 | +</Note> |
| 11 | + |
5 | 12 | <Intro> |
6 | 13 |
|
7 | | -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. |
| 14 | +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. |
8 | 15 |
|
9 | 16 | </Intro> |
10 | 17 |
|
11 | 18 | --- |
12 | 19 |
|
13 | | -## APIs {/*apis*/} |
| 20 | +## API {/*apis*/} |
14 | 21 |
|
15 | | -These APIs can be imported from your components. They are rarely used: |
| 22 | +Queste API possono essere importate dai tuoi componenti. Vengono usate raramente: |
16 | 23 |
|
17 | | -* [`createPortal`](/reference/react-dom/createPortal) lets you render child components in a different part of the DOM tree. |
18 | | -* [`flushSync`](/reference/react-dom/flushSync) lets you force React to flush a state update and update the DOM synchronously. |
| 24 | +* [`createPortal`](/reference/react-dom/createPortal) ti permette di renderizzare componenti figli in una parte diversa dell'albero DOM. |
| 25 | +* [`flushSync`](/reference/react-dom/flushSync) ti permette di forzare React a eseguire il flush di un aggiornamento di state e ad aggiornare il DOM in modo sincrono. |
19 | 26 |
|
20 | | -## Resource Preloading APIs {/*resource-preloading-apis*/} |
| 27 | +## API di precaricamento delle risorse {/*resource-preloading-apis*/} |
21 | 28 |
|
22 | | -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. |
| 29 | +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. |
23 | 30 |
|
24 | | -[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. |
| 31 | +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. |
25 | 32 |
|
26 | | -* [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to. |
27 | | -* [`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. |
28 | | -* [`preload`](/reference/react-dom/preload) lets you fetch a stylesheet, font, image, or external script that you expect to use. |
29 | | -* [`preloadModule`](/reference/react-dom/preloadModule) lets you fetch an ESM module that you expect to use. |
30 | | -* [`preinit`](/reference/react-dom/preinit) lets you fetch and evaluate an external script or fetch and insert a stylesheet. |
31 | | -* [`preinitModule`](/reference/react-dom/preinitModule) lets you fetch and evaluate an ESM module. |
| 33 | +* [`prefetchDNS`](/reference/react-dom/prefetchDNS) ti permette di precaricare l'indirizzo IP di un nome di dominio DNS a cui ti aspetti di connetterti. |
| 34 | +* [`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. |
| 35 | +* [`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. |
| 36 | +* [`preloadModule`](/reference/react-dom/preloadModule) ti permette di recuperare un modulo ESM che ti aspetti di usare. |
| 37 | +* [`preinit`](/reference/react-dom/preinit) ti permette di recuperare ed eseguire uno script esterno o di recuperare e inserire un foglio di stile. |
| 38 | +* [`preinitModule`](/reference/react-dom/preinitModule) ti permette di recuperare ed eseguire un modulo ESM. |
32 | 39 |
|
33 | | -## Server Rendering APIs {/*server-rendering-apis*/} |
| 40 | +## API di renderizzazione sul server {/*server-rendering-apis*/} |
34 | 41 |
|
35 | | -This API controls how components render on the server: |
| 42 | +Queste API controllano come i componenti vengono renderizzati sul server: |
36 | 43 |
|
37 | | -* [`browser`](/reference/react-dom/browser) lets you mark a component as browser-only during server rendering. |
| 44 | +* [`browser`](/reference/react-dom/browser) ti permette di contrassegnare un componente come solo per il browser durante la renderizzazione sul server. |
38 | 45 |
|
39 | 46 | --- |
40 | 47 |
|
41 | | -## Entry points {/*entry-points*/} |
| 48 | +## Punti di ingresso {/*entry-points*/} |
42 | 49 |
|
43 | | -The `react-dom` package provides two additional entry points: |
| 50 | +Il pacchetto `react-dom` fornisce due punti di ingresso aggiuntivi: |
44 | 51 |
|
45 | | -* [`react-dom/client`](/reference/react-dom/client) contains APIs to render React components on the client (in the browser). |
46 | | -* [`react-dom/server`](/reference/react-dom/server) contains APIs to render React components on the server. |
| 52 | +* [`react-dom/client`](/reference/react-dom/client) contiene API per renderizzare componenti React sul client (nel browser). |
| 53 | +* [`react-dom/server`](/reference/react-dom/server) contiene API per renderizzare componenti React sul server. |
47 | 54 |
|
48 | 55 | --- |
49 | 56 |
|
50 | | -## Removed APIs {/*removed-apis*/} |
| 57 | +## API rimosse {/*removed-apis*/} |
51 | 58 |
|
52 | | -These APIs were removed in React 19: |
| 59 | +Queste API sono state rimosse in React 19: |
53 | 60 |
|
54 | | -* [`findDOMNode`](https://18.react.dev/reference/react-dom/findDOMNode): see [alternatives](https://18.react.dev/reference/react-dom/findDOMNode#alternatives). |
55 | | -* [`hydrate`](https://18.react.dev/reference/react-dom/hydrate): use [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) instead. |
56 | | -* [`render`](https://18.react.dev/reference/react-dom/render): use [`createRoot`](/reference/react-dom/client/createRoot) instead. |
57 | | -* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode): use [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) instead. |
58 | | -* [`renderToNodeStream`](https://18.react.dev/reference/react-dom/server/renderToNodeStream): use [`react-dom/server`](/reference/react-dom/server) APIs instead. |
59 | | -* [`renderToStaticNodeStream`](https://18.react.dev/reference/react-dom/server/renderToStaticNodeStream): use [`react-dom/server`](/reference/react-dom/server) APIs instead. |
| 61 | +* [`findDOMNode`](https://18.react.dev/reference/react-dom/findDOMNode): vedi [alternative](https://18.react.dev/reference/react-dom/findDOMNode#alternatives). |
| 62 | +* [`hydrate`](https://18.react.dev/reference/react-dom/hydrate): usa [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) invece. |
| 63 | +* [`render`](https://18.react.dev/reference/react-dom/render): usa [`createRoot`](/reference/react-dom/client/createRoot) invece. |
| 64 | +* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode): usa [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) invece. |
| 65 | +* [`renderToNodeStream`](https://18.react.dev/reference/react-dom/server/renderToNodeStream): usa le API di [`react-dom/server`](/reference/react-dom/server) invece. |
| 66 | +* [`renderToStaticNodeStream`](https://18.react.dev/reference/react-dom/server/renderToStaticNodeStream): usa le API di [`react-dom/server`](/reference/react-dom/server) invece. |
0 commit comments