diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index daf829017..8c0dc8a4a 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -1,59 +1,66 @@ --- -title: React DOM APIs +title: API React DOM +translationStatus: ai-draft --- + + +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). + + + -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. --- -## 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. diff --git a/src/sidebarReference.json b/src/sidebarReference.json index 11bd96a0a..0a352dd88 100644 --- a/src/sidebarReference.json +++ b/src/sidebarReference.json @@ -243,7 +243,7 @@ ] }, { - "title": "React DOM APIs", + "title": "API React DOM", "path": "/reference/react-dom", "routes": [ {