From df5fb1dc36fe4ef53fb085d3d5a300f555dd16d3 Mon Sep 17 00:00:00 2001
From: Agostino <65028567+Ago95Dev@users.noreply.github.com>
Date: Mon, 15 May 2023 10:49:21 +0200
Subject: [PATCH 01/19] Traduzione "Render and commit"
---
src/content/learn/render-and-commit.md | 95 +++++++++++++-------------
src/sidebarLearn.json | 2 +-
2 files changed, 49 insertions(+), 48 deletions(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 84bf904cd..8ee2240c9 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -1,27 +1,27 @@
---
-title: Render and Commit
+title: Renderizzare e Aggiornare
---
-Before your components are displayed on screen, they must be rendered by React. Understanding the steps in this process will help you think about how your code executes and explain its behavior.
+Prima che i tuoi componenti siano visualizzati sullo schermo, devono essere renderizzati da React. Comprendere i passaggi di questo processo ti aiuterà a pensare a come il tuo codice viene eseguito e a spiegare il suo comportamento
-* What rendering means in React
-* When and why React renders a component
-* The steps involved in displaying a component on screen
-* Why rendering does not always produce a DOM update
+* Cosa significa renderizzare in React
+* Quando e perché React renderizza un componente
+* I passaggi coinvoltinecessari per visualizzare un componente sullo schermo
+* Perché il renderizzare non sempre produce un aggiornamento del DOM
-Imagine that your components are cooks in the kitchen, assembling tasty dishes from ingredients. In this scenario, React is the waiter who puts in requests from customers and brings them their orders. This process of requesting and serving UI has three steps:
+Immagina che i tuoi componenti siano chef in cucina, che assemblano piatti gustosi dagli ingredienti. In questo scenario, React è il cameriere che prende le richieste dai clienti e porta loro gli ordini. Questo processo di richiesta e servizio dell'interfaccia utente (UI) ha tre fasi:
-1. **Triggering** a render (delivering the guest's order to the kitchen)
-2. **Rendering** the component (preparing the order in the kitchen)
-3. **Committing** to the DOM (placing the order on the table)
+1. **Avviare** una renderizzazione (consegnare l'ordine del cliente alla cucina)
+2. **Renderizzare** il componente (preparare l'ordine in cucina)
+3. **Aggiornare** il DOM (mettere l'ordine sul tavolo)
@@ -29,16 +29,16 @@ Imagine that your components are cooks in the kitchen, assembling tasty dishes f
-## Step 1: Trigger a render {/*step-1-trigger-a-render*/}
+## Passo 1: Avviare la renderizzazione {/*step-1-trigger-a-render*/}
-There are two reasons for a component to render:
+Ci sono due motivi per cui un componente deve eseguire la renderizzazione:
-1. It's the component's **initial render.**
-2. The component's (or one of its ancestors') **state has been updated.**
+1. E' la **renderizzazione iniziale** del componente.
+2. Lo **stato** del componente(o uno dei suoi antenati) **è stato aggiornato.**
-### Initial render {/*initial-render*/}
+### Renderizzazione iniziale {/*initial-render*/}
-When your app starts, you need to trigger the initial render. Frameworks and sandboxes sometimes hide this code, but it's done by calling [`createRoot`](/reference/react-dom/client/createRoot) with the target DOM node, and then calling its `render` method with your component:
+Quando l'applicazione viene avviata, è necessario avviare la renderizzazione iniziale. Le librerie e gli ambienti di sviluppo a volte nascondono questo codice, ma viene eseguita chiamando [`createRoot`](/reference/react-dom/client/createRoot) con il nodo DOM di destinazione, e quindi chiamando il suo metodo `render` con il componente:
@@ -55,7 +55,7 @@ export default function Image() {
return (
);
}
@@ -63,11 +63,11 @@ export default function Image() {
-Try commenting out the `root.render()` call and see the component disappear!
+Prova a commentare la chiamata `root.render()` e vedrai il componente scomparire!
-### Re-renders when state updates {/*re-renders-when-state-updates*/}
+### Renderizzare nuovamente quando lo stato viene aggiornato{/*re-renders-when-state-updates*/}
-Once the component has been initially rendered, you can trigger further renders by updating its state with the [`set` function.](/reference/react/useState#setstate) Updating your component's state automatically queues a render. (You can imagine these as a restaurant guest ordering tea, dessert, and all sorts of things after putting in their first order, depending on the state of their thirst or hunger.)
+Una volta che il componente è inizialmente renderizzato, è possibile avviare ulteriori renderizzazioni aggiornando il suo stato con la funzione [`set` function.](/reference/react/useState#setstate) Aggiornare lo stato del componente mette automaticamente in coda una renderizzazione (puoi immaginarlo come un ospite del ristorante che ordina tè, dessert e ogni sorta di cosa dopo aver effettuato il primo ordine, a seconda della sua sete o fame)
@@ -75,16 +75,16 @@ Once the component has been initially rendered, you can trigger further renders
-## Step 2: React renders your components {/*step-2-react-renders-your-components*/}
+## Passo 2: React rappresenta i tuoi componenti {/*step-2-react-renders-your-components*/}
-After you trigger a render, React calls your components to figure out what to display on screen. **"Rendering" is React calling your components.**
+Dopo aver avviato la renderizzazione, React richiama i tuoi componenti per capire cosa mostrare a schermo. **"Renderizzare" è il termine che indica React che richiama i tuoi componenti.**
-* **On initial render,** React will call the root component.
-* **For subsequent renders,** React will call the function component whose state update triggered the render.
+* **Durante il rendering iniziale,** React richiama il componente radice.
+* **Per le renderizzazioni successive,** React richiama il componente funzione il cui aggiornamento di stato ha scatenato il rendering.
-This process is recursive: if the updated component returns some other component, React will render _that_ component next, and if that component also returns something, it will render _that_ component next, and so on. The process will continue until there are no more nested components and React knows exactly what should be displayed on screen.
+Questo processo è ricorsivo: se il componente aggiornato restituisce un altro componente, React renderizzerà _quel_ componente successivamente, e se quel componente restituisce a sua volta qualcosa, renderizzerà _quel_ componente successivamente, e cosi via. Il processo continua finché non ci sono più componenti annidati e React sa esattamente cosa mostrare a schermo.
-In the following example, React will call `Gallery()` and `Image()` several times:
+Nell'esempio seguente, React chiamerà `Gallery()` e `Image()`diverse volte:
@@ -104,7 +104,7 @@ function Image() {
return (
);
}
@@ -124,36 +124,36 @@ img { margin: 0 10px 10px 0; }
-* **During the initial render,** React will [create the DOM nodes](https://developer.mozilla.org/docs/Web/API/Document/createElement) for ``, `
`, and three `` tags.
-* **During a re-render,** React will calculate which of their properties, if any, have changed since the previous render. It won't do anything with that information until the next step, the commit phase.
+* **Durante la renderizzazione iniziale,** React [creerà i nodi del DOM](https://developer.mozilla.org/docs/Web/API/Document/createElement) per ``, `
`, e tre `` tags.
+* **Durante una renderizzazione successiva,** React calcolerà quali delle sue proprietà, se presenti, sono cambiate rispetto la renderizzazione precedente. Tuttavia, non farà nulla con queste informazioni fino alla prossima fase, la fase di commit.
Rendering must always be a [pure calculation](/learn/keeping-components-pure):
-* **Same inputs, same output.** Given the same inputs, a component should always return the same JSX. (When someone orders a salad with tomatoes, they should not receive a salad with onions!)
-* **It minds its own business.** It should not change any objects or variables that existed before rendering. (One order should not change anyone else's order.)
+* **Stessi input, stessi output.** Dati gli stessi input, un componente dovrebbe sempre restituire lo stesso JSX. (Quando qualcuno ordina un'insalata con i pomodori, non dovrebbe ricevere un'insalata con le cipolle!)
+* **Si cura solo dei suoi affari** Non dovrebbe modificare oggetti o variabili che esistevano prima della renderizzazione. (Un ordine non dovrebbe cambiare l'ordine di nessun altro.)
-Otherwise, you can encounter confusing bugs and unpredictable behavior as your codebase grows in complexity. When developing in "Strict Mode", React calls each component's function twice, which can help surface mistakes caused by impure functions.
+Altrimenti, è possibile incontrare bug confusi e comportamenti imprevedibili man mano che il tuo codice diventa più complesso. Quando si sviluppa in Strict Mode, React chiama due volte la funzione di ogni componente, il che può aiutare a individuare errori causati da funzioni impure.
-#### Optimizing performance {/*optimizing-performance*/}
+#### Ottimizzazione delle prestazioni{/*optimizing-performance*/}
-The default behavior of rendering all components nested within the updated component is not optimal for performance if the updated component is very high in the tree. If you run into a performance issue, there are several opt-in ways to solve it described in the [Performance](https://reactjs.org/docs/optimizing-performance.html) section. **Don't optimize prematurely!**
+Il comportamento predefinito di renderizzare tutti i componenti annidati all'interno del componente aggiornato non è ottimale in termini di prestazioni se il componente aggiornato è molto in alto nell'albero. Se si riscontra un problema di prestazioni, esistono diverse soluzioni favorite descritte nella sezione [Prestazioni](https://reactjs.org/docs/optimizing-performance.html). **Non ottimizzare prematuramente!**
-## Step 3: React commits changes to the DOM {/*step-3-react-commits-changes-to-the-dom*/}
+## Step 3: React modifica il DOM {/*step-3-react-commits-changes-to-the-dom*/}
-After rendering (calling) your components, React will modify the DOM.
+Dopo aver renderizzato (chiamato) i componenti, React modificherà il DOM.
-* **For the initial render,** React will use the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API to put all the DOM nodes it has created on screen.
-* **For re-renders,** React will apply the minimal necessary operations (calculated while rendering!) to make the DOM match the latest rendering output.
+* **Per la renderizzazione iniziale,** React utilizzerà l'API DOM [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) per inserire tutti i nodi DOM creati sullo schermo.
+* **Per ri-renderizzare,** React applicherà solo le operazioni minime necessarie (calcolate durante il rendering!) per rendere il DOM uguale all'ultimo output di rendering.
-**React only changes the DOM nodes if there's a difference between renders.** For example, here is a component that re-renders with different props passed from its parent every second. Notice how you can add some text into the ``, updating its `value`, but the text doesn't disappear when the component re-renders:
+**React cambia solo i nodi DOM se c'è una differenza tra le renderizzazioni.** Ad esempio, ecco un componente che si ri-renderizza con diverse props passate dal suo genitore ogni secondo. Notare come è possibile aggiungere del testo nell' ``, updating its `value`, , ma il testo non scompare quando il componente si ri-renderizza:
@@ -193,21 +193,22 @@ export default function App() {
-This works because during this last step, React only updates the content of `
` with the new `time`. It sees that the `` appears in the JSX in the same place as last time, so React doesn't touch the ``—or its `value`!
-## Epilogue: Browser paint {/*epilogue-browser-paint*/}
+Questo funziona perché durante l'ultimo passaggio, React aggiorna solo il contenuto di `
` con il nuovo `time`. Vede che l' `` appare nel JSX nello stesso punto come l'ultima volta, quindi React non tocca ``— o il suo `value`!
+## Epilogo: Dipingere il browser {/*epilogue-browser-paint*/}
-After rendering is done and React updated the DOM, the browser will repaint the screen. Although this process is known as "browser rendering", we'll refer to it as "painting" to avoid confusion throughout the docs.
+Dopo che la renderizzazione viene eseguita e React ha aggiornato il DOM, il browser dipinge la schermata. Sebbene questo processo sia noto come "renderizzazione del browser", lo chiameremo "dipingere" per evitare confusione in tutta la documentazione.
-
+
-* Any screen update in a React app happens in three steps:
+* Ogni aggiornamento dello schermo in un'app React avviene in tre fasi:
1. Trigger
- 2. Render
+ 2. Renderizzazione
3. Commit
-* You can use Strict Mode to find mistakes in your components
-* React does not touch the DOM if the rendering result is the same as last time
+* Puoi usare la Modalità Strict per trovare gli errori nei tuoi componenti
+* React non modifica il DOM se il risultato della renderizzazione è lo stesso della volta precedente
+
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json
index b76363d51..c45efb760 100644
--- a/src/sidebarLearn.json
+++ b/src/sidebarLearn.json
@@ -99,7 +99,7 @@
"path": "/learn/state-a-components-memory"
},
{
- "title": "Render and Commit",
+ "title": "Renderizzare e Aggiornare",
"path": "/learn/render-and-commit"
},
{
From db4fa2e442644e32b327b87aa84d617bfc8d913e Mon Sep 17 00:00:00 2001
From: Agostino <65028567+Ago95Dev@users.noreply.github.com>
Date: Mon, 15 May 2023 10:58:54 +0200
Subject: [PATCH 02/19] Correzione di termini
---
src/content/learn/render-and-commit.md | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 8ee2240c9..ad4a25126 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -146,9 +146,9 @@ Il comportamento predefinito di renderizzare tutti i componenti annidati all'int
-## Step 3: React modifica il DOM {/*step-3-react-commits-changes-to-the-dom*/}
+## Step 3: React aggiorna il DOM {/*step-3-react-commits-changes-to-the-dom*/}
-Dopo aver renderizzato (chiamato) i componenti, React modificherà il DOM.
+Dopo aver renderizzato (chiamato) i componenti, React aggiornerà il DOM.
* **Per la renderizzazione iniziale,** React utilizzerà l'API DOM [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) per inserire tutti i nodi DOM creati sullo schermo.
* **Per ri-renderizzare,** React applicherà solo le operazioni minime necessarie (calcolate durante il rendering!) per rendere il DOM uguale all'ultimo output di rendering.
@@ -207,7 +207,7 @@ Dopo che la renderizzazione viene eseguita e React ha aggiornato il DOM, il brow
2. Renderizzazione
3. Commit
* Puoi usare la Modalità Strict per trovare gli errori nei tuoi componenti
-* React non modifica il DOM se il risultato della renderizzazione è lo stesso della volta precedente
+* React non aggiorna il DOM se il risultato della renderizzazione è lo stesso della volta precedente
From 087279eb80c3743be3d3cd59c3f9f7cb902ccbf4 Mon Sep 17 00:00:00 2001
From: Agostino <65028567+Ago95Dev@users.noreply.github.com>
Date: Sun, 21 May 2023 00:13:03 +0200
Subject: [PATCH 03/19] Modifica traduzione "state"
---
src/content/learn/render-and-commit.md | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index ad4a25126..4cedd97ef 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -34,7 +34,7 @@ Immagina che i tuoi componenti siano chef in cucina, che assemblano piatti gusto
Ci sono due motivi per cui un componente deve eseguire la renderizzazione:
1. E' la **renderizzazione iniziale** del componente.
-2. Lo **stato** del componente(o uno dei suoi antenati) **è stato aggiornato.**
+2. Lo **state** del componente(o uno dei suoi antenati) **è stato aggiornato.**
### Renderizzazione iniziale {/*initial-render*/}
@@ -65,9 +65,9 @@ export default function Image() {
Prova a commentare la chiamata `root.render()` e vedrai il componente scomparire!
-### Renderizzare nuovamente quando lo stato viene aggiornato{/*re-renders-when-state-updates*/}
+### Renderizzare nuovamente quando lo state viene aggiornato{/*re-renders-when-state-updates*/}
-Una volta che il componente è inizialmente renderizzato, è possibile avviare ulteriori renderizzazioni aggiornando il suo stato con la funzione [`set` function.](/reference/react/useState#setstate) Aggiornare lo stato del componente mette automaticamente in coda una renderizzazione (puoi immaginarlo come un ospite del ristorante che ordina tè, dessert e ogni sorta di cosa dopo aver effettuato il primo ordine, a seconda della sua sete o fame)
+Una volta che il componente è inizialmente renderizzato, è possibile avviare ulteriori renderizzazioni aggiornando il suo state con la funzione [`set` function.](/reference/react/useState#setstate) Aggiornare lo state del componente mette automaticamente in coda una renderizzazione (puoi immaginarlo come un ospite del ristorante che ordina tè, dessert e ogni sorta di cosa dopo aver effettuato il primo ordine, a seconda della sua sete o fame)
@@ -80,7 +80,7 @@ Una volta che il componente è inizialmente renderizzato, è possibile avviare u
Dopo aver avviato la renderizzazione, React richiama i tuoi componenti per capire cosa mostrare a schermo. **"Renderizzare" è il termine che indica React che richiama i tuoi componenti.**
* **Durante il rendering iniziale,** React richiama il componente radice.
-* **Per le renderizzazioni successive,** React richiama il componente funzione il cui aggiornamento di stato ha scatenato il rendering.
+* **Per le renderizzazioni successive,** React richiama il componente funzione il cui aggiornamento di state ha scatenato il rendering.
Questo processo è ricorsivo: se il componente aggiornato restituisce un altro componente, React renderizzerà _quel_ componente successivamente, e se quel componente restituisce a sua volta qualcosa, renderizzerà _quel_ componente successivamente, e cosi via. Il processo continua finché non ci sono più componenti annidati e React sa esattamente cosa mostrare a schermo.
From 10da7542648f9f6885dae76ccdb00117b8bb1df2 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:24:53 +0200
Subject: [PATCH 04/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 4cedd97ef..c29a9a4a9 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -4,7 +4,7 @@ title: Renderizzare e Aggiornare
-Prima che i tuoi componenti siano visualizzati sullo schermo, devono essere renderizzati da React. Comprendere i passaggi di questo processo ti aiuterà a pensare a come il tuo codice viene eseguito e a spiegare il suo comportamento
+Prima che i tuoi componenti siano visualizzati sullo schermo, devono essere renderizzati da React. Comprendere i passaggi di questo processo ti aiuterà a pensare a come il tuo codice viene eseguito e a spiegare il suo comportamento.
From b2245a25e46aa493cbc815bdbcf19527a5147e63 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:25:05 +0200
Subject: [PATCH 05/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index c29a9a4a9..95af23b97 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -12,7 +12,7 @@ Prima che i tuoi componenti siano visualizzati sullo schermo, devono essere rend
* Cosa significa renderizzare in React
* Quando e perché React renderizza un componente
-* I passaggi coinvoltinecessari per visualizzare un componente sullo schermo
+* I passaggi coinvolti necessari per visualizzare un componente sullo schermo
* Perché il renderizzare non sempre produce un aggiornamento del DOM
From 82fb8aac0755c192be7f8111fbf25c15c602928c Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:25:17 +0200
Subject: [PATCH 06/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 95af23b97..a23e82823 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -13,7 +13,7 @@ Prima che i tuoi componenti siano visualizzati sullo schermo, devono essere rend
* Cosa significa renderizzare in React
* Quando e perché React renderizza un componente
* I passaggi coinvolti necessari per visualizzare un componente sullo schermo
-* Perché il renderizzare non sempre produce un aggiornamento del DOM
+* Perché renderizzare non sempre produce un aggiornamento del DOM
From ca93928cb9059f31e60e549dc37e5b2172a7cf2b Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:25:30 +0200
Subject: [PATCH 07/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index a23e82823..5c60a7ce1 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -33,7 +33,7 @@ Immagina che i tuoi componenti siano chef in cucina, che assemblano piatti gusto
Ci sono due motivi per cui un componente deve eseguire la renderizzazione:
-1. E' la **renderizzazione iniziale** del componente.
+1. È la **renderizzazione iniziale** del componente.
2. Lo **state** del componente(o uno dei suoi antenati) **è stato aggiornato.**
### Renderizzazione iniziale {/*initial-render*/}
From 9e740be974ca7b98c0a16c557ae58848213bf646 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:25:44 +0200
Subject: [PATCH 08/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 5c60a7ce1..dda81605d 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -67,7 +67,7 @@ Prova a commentare la chiamata `root.render()` e vedrai il componente scomparire
### Renderizzare nuovamente quando lo state viene aggiornato{/*re-renders-when-state-updates*/}
-Una volta che il componente è inizialmente renderizzato, è possibile avviare ulteriori renderizzazioni aggiornando il suo state con la funzione [`set` function.](/reference/react/useState#setstate) Aggiornare lo state del componente mette automaticamente in coda una renderizzazione (puoi immaginarlo come un ospite del ristorante che ordina tè, dessert e ogni sorta di cosa dopo aver effettuato il primo ordine, a seconda della sua sete o fame)
+Una volta che il componente è inizialmente renderizzato, è possibile avviare ulteriori renderizzazioni aggiornando il suo state con la [funzione `set`.](/reference/react/useState#setstate) Aggiornare lo state del componente mette automaticamente in coda una renderizzazione (puoi immaginarlo come un ospite del ristorante che ordina tè, dessert e ogni sorta di cosa dopo aver effettuato il primo ordine, a seconda della sua sete o fame)
From 2b8449ac92d76be5b182f2e780c85b4fe30e6f04 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:25:57 +0200
Subject: [PATCH 09/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index dda81605d..c3f4f6ac2 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -140,7 +140,7 @@ Altrimenti, è possibile incontrare bug confusi e comportamenti imprevedibili ma
-#### Ottimizzazione delle prestazioni{/*optimizing-performance*/}
+#### Ottimizzazione delle prestazioni {/*optimizing-performance*/}
Il comportamento predefinito di renderizzare tutti i componenti annidati all'interno del componente aggiornato non è ottimale in termini di prestazioni se il componente aggiornato è molto in alto nell'albero. Se si riscontra un problema di prestazioni, esistono diverse soluzioni favorite descritte nella sezione [Prestazioni](https://reactjs.org/docs/optimizing-performance.html). **Non ottimizzare prematuramente!**
From c012ff31601fe34a090a07f81f1a14deb27464c3 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:26:26 +0200
Subject: [PATCH 10/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index c3f4f6ac2..ebf6ccc1b 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -75,7 +75,7 @@ Una volta che il componente è inizialmente renderizzato, è possibile avviare u
-## Passo 2: React rappresenta i tuoi componenti {/*step-2-react-renders-your-components*/}
+## Passo 2: React renderizza i tuoi componenti {/*step-2-react-renders-your-components*/}
Dopo aver avviato la renderizzazione, React richiama i tuoi componenti per capire cosa mostrare a schermo. **"Renderizzare" è il termine che indica React che richiama i tuoi componenti.**
From 823a4d954f791d72b50a112168ab645cb56ac5c0 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:26:55 +0200
Subject: [PATCH 11/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index ebf6ccc1b..9c86adcf6 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -84,7 +84,7 @@ Dopo aver avviato la renderizzazione, React richiama i tuoi componenti per capir
Questo processo è ricorsivo: se il componente aggiornato restituisce un altro componente, React renderizzerà _quel_ componente successivamente, e se quel componente restituisce a sua volta qualcosa, renderizzerà _quel_ componente successivamente, e cosi via. Il processo continua finché non ci sono più componenti annidati e React sa esattamente cosa mostrare a schermo.
-Nell'esempio seguente, React chiamerà `Gallery()` e `Image()`diverse volte:
+Nell'esempio seguente, React chiamerà `Gallery()` e `Image()` diverse volte:
From 28cad6b787413a171a711dd72c37f5dde842b6ec Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:27:21 +0200
Subject: [PATCH 12/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 9c86adcf6..65136aa00 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -146,7 +146,7 @@ Il comportamento predefinito di renderizzare tutti i componenti annidati all'int
-## Step 3: React aggiorna il DOM {/*step-3-react-commits-changes-to-the-dom*/}
+## Step 3: React aggiorna il DOM {/*step-3-react-commits-changes-to-the-dom*/}
Dopo aver renderizzato (chiamato) i componenti, React aggiornerà il DOM.
From 0ece91d10c9aa3d5da0b13b2ae1e09340369239f Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:30:48 +0200
Subject: [PATCH 13/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 65136aa00..788fc6ee1 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -104,7 +104,7 @@ function Image() {
return (
);
}
From b39c7ebc5a53f468ae64d6ec45ff3c6cb5e14727 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:31:02 +0200
Subject: [PATCH 14/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 788fc6ee1..369e0b428 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -153,7 +153,7 @@ Dopo aver renderizzato (chiamato) i componenti, React aggiornerà il DOM.
* **Per la renderizzazione iniziale,** React utilizzerà l'API DOM [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) per inserire tutti i nodi DOM creati sullo schermo.
* **Per ri-renderizzare,** React applicherà solo le operazioni minime necessarie (calcolate durante il rendering!) per rendere il DOM uguale all'ultimo output di rendering.
-**React cambia solo i nodi DOM se c'è una differenza tra le renderizzazioni.** Ad esempio, ecco un componente che si ri-renderizza con diverse props passate dal suo genitore ogni secondo. Notare come è possibile aggiungere del testo nell' ``, updating its `value`, , ma il testo non scompare quando il componente si ri-renderizza:
+**React cambia solo i nodi DOM se c'è una differenza tra le renderizzazioni.** Ad esempio, ecco un componente che si ri-renderizza con diverse props passate dal suo genitore ogni secondo. Notare come è possibile aggiungere del testo nell' `` aggiornando il suo `value`, ma il testo non scompare quando il componente si ri-renderizza:
From 19dceb0ce9a89f0ac066d9bb8a4b785b51684d0b Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:31:20 +0200
Subject: [PATCH 15/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 369e0b428..27e356644 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -196,7 +196,7 @@ export default function App() {
Questo funziona perché durante l'ultimo passaggio, React aggiorna solo il contenuto di `
` con il nuovo `time`. Vede che l' `` appare nel JSX nello stesso punto come l'ultima volta, quindi React non tocca ``— o il suo `value`!
## Epilogo: Dipingere il browser {/*epilogue-browser-paint*/}
-Dopo che la renderizzazione viene eseguita e React ha aggiornato il DOM, il browser dipinge la schermata. Sebbene questo processo sia noto come "renderizzazione del browser", lo chiameremo "dipingere" per evitare confusione in tutta la documentazione.
+Dopo che la renderizzazione viene eseguita e React ha aggiornato il DOM, il browser dipinge nuovamente la schermata. Sebbene questo processo sia noto come "renderizzazione del browser", lo chiameremo "dipingere" per evitare confusione in tutta la documentazione.
From e1eea9024ffffc7e0aaa8fa93dcea07c60377668 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 16:31:36 +0200
Subject: [PATCH 16/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 27e356644..8ee732433 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -206,7 +206,7 @@ Dopo che la renderizzazione viene eseguita e React ha aggiornato il DOM, il brow
1. Trigger
2. Renderizzazione
3. Commit
-* Puoi usare la Modalità Strict per trovare gli errori nei tuoi componenti
+* Puoi usare la Strict Mode per trovare gli errori nei tuoi componenti
* React non aggiorna il DOM se il risultato della renderizzazione è lo stesso della volta precedente
From 0958b0812740f2c6a1f5b9469be0ede35b72fb78 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Mon, 29 May 2023 22:46:08 +0200
Subject: [PATCH 17/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 8ee732433..6de4a1fcc 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -124,7 +124,7 @@ img { margin: 0 10px 10px 0; }
-* **Durante la renderizzazione iniziale,** React [creerà i nodi del DOM](https://developer.mozilla.org/docs/Web/API/Document/createElement) per ``, `
`, e tre `` tags.
+* **Durante la renderizzazione iniziale,** React [creerà i nodi del DOM](https://developer.mozilla.org/docs/Web/API/Document/createElement) per ``, `
`, e tre tag ``.
* **Durante una renderizzazione successiva,** React calcolerà quali delle sue proprietà, se presenti, sono cambiate rispetto la renderizzazione precedente. Tuttavia, non farà nulla con queste informazioni fino alla prossima fase, la fase di commit.
From 34d8cb2d03aa33826ae9fdb30c67724856ffebca Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Tue, 30 May 2023 15:04:34 +0200
Subject: [PATCH 18/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index 6de4a1fcc..e757a3dbc 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -129,7 +129,7 @@ img { margin: 0 10px 10px 0; }
-Rendering must always be a [pure calculation](/learn/keeping-components-pure):
+La renderizzazione deve sempre essere un [calcolo puro](/learn/keeping-components-pure):
* **Stessi input, stessi output.** Dati gli stessi input, un componente dovrebbe sempre restituire lo stesso JSX. (Quando qualcuno ordina un'insalata con i pomodori, non dovrebbe ricevere un'insalata con le cipolle!)
* **Si cura solo dei suoi affari** Non dovrebbe modificare oggetti o variabili che esistevano prima della renderizzazione. (Un ordine non dovrebbe cambiare l'ordine di nessun altro.)
From 92dc77c7ac49e885fe626ae543a31cef20c8e0f3 Mon Sep 17 00:00:00 2001
From: Agostino D'Agostino
Date: Tue, 30 May 2023 15:04:49 +0200
Subject: [PATCH 19/19] Update src/content/learn/render-and-commit.md
Co-authored-by: Mattia Sanfilippo
---
src/content/learn/render-and-commit.md | 1 -
1 file changed, 1 deletion(-)
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index e757a3dbc..74bd47979 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -211,4 +211,3 @@ Dopo che la renderizzazione viene eseguita e React ha aggiornato il DOM, il brow
-
);
}
@@ -63,11 +63,11 @@ export default function Image() {