chore: merge conflicts

Signed-off-by: Alessandro De Blasis <alex@deblasis.net>

Author: deblasis

src/content/learn/installation.md

@@ -8,20 +8,7 @@ React è stato progettato sin dal principio per essere adottato gradualmente. A
 
 </Intro>
 
-<<<<<<< HEAD
-<YouWillLearn isChapter={true}>
-
-* [Come avviare un nuovo progetto React](/learn/start-a-new-react-project)
-* [Come aggiungere React ad un progetto esistente](/learn/add-react-to-an-existing-project)
-* [Come configurare il tuo editor](/learn/editor-setup)
-* [Come installare i React Developer Tools](/learn/react-developer-tools)
-
-</YouWillLearn>
-
 ## Prova React {/*try-react*/}
-=======
-## Try React {/*try-react*/}
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
 
 Non devi installare nulla se vuoi divertirti con React. Prova a modificare questa sandbox!
 
@@ -43,43 +30,28 @@ Puoi modificarla direttamente o aprirla in un nuovo tab premendo il bottone "For
 
 La maggioranza delle pagine della documentazione di React contengono sandboxes come questa. Al di fuori della documentazione, esistono alcune sandboxes online che supportano React: ad esempio, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), o [CodePen.](https://codepen.io/pen?template=QWYVwWN)
 
-<<<<<<< HEAD
-### Prova React localmente {/*try-react-locally*/}
+Per provare React localmente sul tuo computer, [scarica questa pagina HTML.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Aprila nel tuo editor e nel tuo browser!
 
-Per provare React localmente sul suo computer, [scarica questa pagina HTML.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Aprila nel tuo editor e nel tuo browser!
+## Creare un'App React {/*creating-a-react-app*/}
 
-## Inizia un nuovo progetto React {/*start-a-new-react-project*/}
-
-Se desideri creare un'app o un sito web completamente con React, [inizia un nuovo progetto React.](/learn/start-a-new-react-project)
-
-## Aggiungi React ad un progetto esistente {/*add-react-to-an-existing-project*/}
-=======
-To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser!
+Se vuoi iniziare una nuova app React, puoi [creare un'app React](/learn/creating-a-react-app) utilizzando un framework consigliato.
 
-## Creating a React App {/*creating-a-react-app*/}
+## Costruire un'App React da zero {/*build-a-react-app-from-scratch*/}
 
-If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework.
+Se un framework non è adatto al tuo progetto, preferisci costruire il tuo framework, o vuoi semplicemente imparare le basi di un'app React puoi [costruire un'app React da zero](/learn/build-a-react-app-from-scratch).
 
-## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
-
-If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
-
-## Add React to an existing project {/*add-react-to-an-existing-project*/}
-
-If want to try using React in your existing app or a website, you can [add React to an existing project.](/learn/add-react-to-an-existing-project)
+## Aggiungi React ad un progetto esistente {/*add-react-to-an-existing-project*/}
 
+Se vuoi provare ad utilizzare React nella tua app esistente o in un sito web, puoi [aggiungere React a un progetto esistente.](/learn/add-react-to-an-existing-project)
 
 <Note>
 
-#### Should I use Create React App? {/*should-i-use-create-react-app*/}
+#### Dovrei usare Create React App? {/*should-i-use-create-react-app*/}
 
-No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
+No. Create React App è stato deprecato. Per maggiori informazioni, consulta [Il sunsetting di Create React App](/blog/2025/02/14/sunsetting-create-react-app).
 
 </Note>
 
-## Next steps {/*next-steps*/}
-
-Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
+## Prossimi passi {/*next-steps*/}
 
-Se desideri provare ad utilizzare React nella tua app o in un sito web esistente, [aggiungi React ad un progetto esistente.](/learn/add-react-to-an-existing-project)
+Vai alla guida [Quick Start](/learn) per un tour dei più importanti concetti di React che incontrerai ogni giorno.

src/content/learn/passing-data-deeply-with-context.md

@@ -476,11 +476,7 @@ export default function Section({ level, children }) {
 }
 ```
 
-<<<<<<< HEAD
-Questo dice a React: "se un qualsiasi componente all'interno di questa `<Section>` richiede `LevelContext`, fornisci loro questo `level`." Il componente utilizzerà il valore del `<LevelContext.Provider>` più vicino nell'albero della UI sopra di esso.
-=======
-This tells React: "if any component inside this `<Section>` asks for `LevelContext`, give them this `level`." The component will use the value of the nearest `<LevelContext>` in the UI tree above it.
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
+Questo dice a React: "se un qualsiasi componente all'interno di questa `<Section>` richiede `LevelContext`, fornisci loro questo `level`." Il componente utilizzerà il valore del `<LevelContext>` più vicino nell'albero della UI sopra di esso.
 
 <Sandpack>
 
@@ -570,15 +566,9 @@ export const LevelContext = createContext(1);
 
 È lo stesso risultato del codice originale, ma non hai dovuto passare la prop `level` a ciascun componente `Heading`! Invece, questo "capisce" il suo livello d'intestazione interrogando il `Section` più vicino sopra di esso:
 
-<<<<<<< HEAD
 1. Passi la prop `level` a `<Section>`.
-2. `Section` avvolge i suoi figli in `<LevelContext.Provider value={level}>`.
+2. `Section` avvolge i suoi figli in `<LevelContext value={level}>`.
 3. `Heading` richiede il valore più vicino di `LevelContext` sopra di sé con `useContext(LevelContext)`.
-=======
-1. You pass a `level` prop to the `<Section>`.
-2. `Section` wraps its children into `<LevelContext value={level}>`.
-3. `Heading` asks the closest value of `LevelContext` above with `useContext(LevelContext)`.
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
 
 ## Usare e fornire un context dallo stesso componente {/*using-and-providing-context-from-the-same-component*/}
 
@@ -874,25 +864,14 @@ In generale, se alcune informazioni sono necessarie da componenti distanti in di
 
 <Recap>
 
-<<<<<<< HEAD
 * Il context consente a un componente di fornire alcune informazioni a tutto l'albero sottostante:
 * Per passare il context:
   1. Crealo ed esportalo con `export const MyContext = createContext(defaultValue)`.
   2. Passalo all'Hook `useContext(MyContext)` per leggerlo in qualsiasi componente figlio, indipendentemente da quando in profondità sia.
-  3. Avvolgi i figli in `<MyContext.Provider value={...}>` per fornirlo da un genitore.
+  3. Avvolgi i figli in `<MyContext value={...}>` per fornirlo da un genitore.
 * Il context attraversa qualsiasi componente intermedio.
 * Il context ti consente di scrivere componenti che "si adattano all'ambiente circostante".
 * Prima di utilizzare il context, prova a passare le props o passare il JSX come `children`.
-=======
-* Context lets a component provide some information to the entire tree below it.
-* To pass context:
-  1. Create and export it with `export const MyContext = createContext(defaultValue)`.
-  2. Pass it to the `useContext(MyContext)` Hook to read it in any child component, no matter how deep.
-  3. Wrap children into `<MyContext value={...}>` to provide it from a parent.
-* Context passes through any components in the middle.
-* Context lets you write components that "adapt to their surroundings".
-* Before you use context, try passing props or passing JSX as `children`.
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
 
 </Recap>
 
@@ -984,27 +963,27 @@ export const places = [{
   description: 'The tradition of choosing bright colors for houses began in the late 20th century.',
   imageId: 'K9HVAGH'
 }, {
-  id: 1, 
+  id: 1,
   name: 'Rainbow Village in Taichung, Taiwan',
   description: 'To save the houses from demolition, Huang Yung-Fu, a local resident, painted all 1,200 of them in 1924.',
   imageId: '9EAYZrt'
 }, {
-  id: 2, 
+  id: 2,
   name: 'Macromural de Pachuca, Mexico',
   description: 'One of the largest murals in the world covering homes in a hillside neighborhood.',
   imageId: 'DgXHVwu'
 }, {
-  id: 3, 
+  id: 3,
   name: 'Selarón Staircase in Rio de Janeiro, Brazil',
   description: 'This landmark was created by Jorge Selarón, a Chilean-born artist, as a "tribute to the Brazilian people."',
   imageId: 'aeO3rpI'
 }, {
-  id: 4, 
+  id: 4,
   name: 'Burano, Italy',
   description: 'The houses are painted following a specific color system dating back to 16th century.',
   imageId: 'kxsph5C'
 }, {
-  id: 5, 
+  id: 5,
   name: 'Chefchaouen, Marocco',
   description: 'There are a few theories on why the houses are painted blue, including that the color repels mosquitos or that it symbolizes sky and heaven.',
   imageId: 'rTqKo46'
@@ -1028,9 +1007,9 @@ export function getImageUrl(place) {
 
 ```css
 ul { list-style-type: none; padding: 0px 10px; }
-li { 
-  margin-bottom: 10px; 
-  display: grid; 
+li {
+  margin-bottom: 10px;
+  display: grid;
   grid-template-columns: auto 1fr;
   gap: 20px;
   align-items: center;
@@ -1043,11 +1022,7 @@ li {
 
 Rimuovi la prop `imageSize` da tutti i componenti.
 
-<<<<<<< HEAD
-Crea ed esporta `ImageSizeContext` da `Context.js`. Quindi avvolgi `List` in `<ImageSizeContext.Provider value={imageSize}>` per passare il valore in basso, e utilizza `useContext(ImageSizeContext)` per leggerlo in `PlaceImage`:
-=======
-Create and export `ImageSizeContext` from `Context.js`. Then wrap the List into `<ImageSizeContext value={imageSize}>` to pass the value down, and `useContext(ImageSizeContext)` to read it in the `PlaceImage`:
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
+Crea ed esporta `ImageSizeContext` da `Context.js`. Quindi avvolgi `List` in `<ImageSizeContext value={imageSize}>` per passare il valore in basso, e utilizza `useContext(ImageSizeContext)` per leggerlo in `PlaceImage`:
 
 <Sandpack>
 
@@ -1127,27 +1102,27 @@ export const places = [{
   description: 'The tradition of choosing bright colors for houses began in the late 20th century.',
   imageId: 'K9HVAGH'
 }, {
-  id: 1, 
+  id: 1,
   name: 'Rainbow Village in Taichung, Taiwan',
   description: 'To save the houses from demolition, Huang Yung-Fu, a local resident, painted all 1,200 of them in 1924.',
   imageId: '9EAYZrt'
 }, {
-  id: 2, 
+  id: 2,
   name: 'Macromural de Pachuca, Mexico',
   description: 'One of the largest murals in the world covering homes in a hillside neighborhood.',
   imageId: 'DgXHVwu'
 }, {
-  id: 3, 
+  id: 3,
   name: 'Selarón Staircase in Rio de Janeiro, Brazil',
   description: 'This landmark was created by Jorge Selarón, a Chilean-born artist, as a "tribute to the Brazilian people".',
   imageId: 'aeO3rpI'
 }, {
-  id: 4, 
+  id: 4,
   name: 'Burano, Italy',
   description: 'The houses are painted following a specific color system dating back to 16th century.',
   imageId: 'kxsph5C'
 }, {
-  id: 5, 
+  id: 5,
   name: 'Chefchaouen, Marocco',
   description: 'There are a few theories on why the houses are painted blue, including that the color repels mosquitos or that it symbolizes sky and heaven.',
   imageId: 'rTqKo46'
@@ -1171,9 +1146,9 @@ export function getImageUrl(place) {
 
 ```css
 ul { list-style-type: none; padding: 0px 10px; }
-li { 
-  margin-bottom: 10px; 
-  display: grid; 
+li {
+  margin-bottom: 10px;
+  display: grid;
   grid-template-columns: auto 1fr;
   gap: 20px;
   align-items: center;

src/content/learn/render-and-commit.md

@@ -65,7 +65,7 @@ export default function Image() {
 
 Prova a commentare la chiamata `root.render()` e vedrai il componente scomparire!
 
-### Renderizzare nuovamente quando lo state 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 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)
 
@@ -84,11 +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.
 
-<<<<<<< HEAD
-Nell'esempio seguente, React chiamerà `Gallery()` e  `Image()` diverse volte:
-=======
-In the following example, React will call `Gallery()` and `Image()` several times:
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
+Nell'esempio seguente, React chiamerà `Gallery()` e `Image()` diverse volte:
 
 <Sandpack>
 
@@ -128,7 +124,7 @@ img { margin: 0 10px 10px 0; }
 
 </Sandpack>
 
-* **Durante la renderizzazione iniziale,** React [creerà i nodi del DOM](https://developer.mozilla.org/docs/Web/API/Document/createElement) per `<section>`, `<h1>`, e tre tag `<img>`. 
+* **Durante la renderizzazione iniziale,** React [creerà i nodi del DOM](https://developer.mozilla.org/docs/Web/API/Document/createElement) per `<section>`, `<h1>`, e tre tag `<img>`.
 * **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.
 
 <Pitfall>
@@ -152,17 +148,10 @@ 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*/}
 
-<<<<<<< HEAD
 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.
-=======
-After rendering (calling) your components, React will modify the 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.
->>>>>>> f6d762cbbf958ca45bb8d1d011b31e5289e43a3d
 
 **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' `<input>` aggiornando il suo `value`, ma il testo non scompare quando il componente si ri-renderizza: