From 3efbf2861165a416b05c3d2c32eecb5bf4e9b7bf Mon Sep 17 00:00:00 2001 From: Agostino <65028567+Ago95Dev@users.noreply.github.com> Date: Thu, 27 Apr 2023 21:46:52 +0200 Subject: [PATCH 1/8] Traduzione iniziale "Describing the UI" Tradotto fino a rendering condizionale. Da revisionare --- src/content/learn/describing-the-ui.md | 61 +++++++++++++------------- 1 file changed, 30 insertions(+), 31 deletions(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index 6df4c0475..d5599f074 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -1,29 +1,29 @@ --- -title: Describing the UI +title: Descrivere l'UI --- -React is a JavaScript library for rendering user interfaces (UI). UI is built from small units like buttons, text, and images. React lets you combine them into reusable, nestable *components.* From web sites to phone apps, everything on the screen can be broken down into components. In this chapter, you'll learn to create, customize, and conditionally display React components. +React è una libreria JavaScript per il rendering delle interfacce utente(UI). L'UI è costruita da piccole unità come pulsanti, testo e immagini. React ti consente di combinare queste unità in *componenti* riutilizzabili e annidabili. Dalle pagine web alle app per telefoni, tutto sullo schermo può essere scomposto in componenti. In questo capitolo imparerai a creare, personalizzare e visualizzare condizionalmente i componenti React. -* [How to write your first React component](/learn/your-first-component) -* [When and how to create multi-component files](/learn/importing-and-exporting-components) -* [How to add markup to JavaScript with JSX](/learn/writing-markup-with-jsx) -* [How to use curly braces with JSX to access JavaScript functionality from your components](/learn/javascript-in-jsx-with-curly-braces) -* [How to configure components with props](/learn/passing-props-to-a-component) -* [How to conditionally render components](/learn/conditional-rendering) -* [How to render multiple components at a time](/learn/rendering-lists) -* [How to avoid confusing bugs by keeping components pure](/learn/keeping-components-pure) +* [Come scrivere il tuo primo componente React](/learn/your-first-component) +* [Quando e come creare file multi-componente](/learn/importing-and-exporting-components) +* [Come aggiungere markup a JavaScript con JSX](/learn/writing-markup-with-jsx) +* [Come utilizzare le parentesi graffe con JSX per accedere alla funzionalità JavaScript dai tuoi componenti](/learn/javascript-in-jsx-with-curly-braces) +* [Come configurare i componenti con props](/learn/passing-props-to-a-component) +* [Come rappresentare condizionalmente i componenti](/learn/conditional-rendering) +* [Come renderizzare più componenti contemporaneamente](/learn/rendering-lists) +* [Come evitare bug confusionari mantenendo i componenti puri](/learn/keeping-components-pure) -## Your first component {/*your-first-component*/} +## Il tuo primo componente {/*your-first-component*/} -React applications are built from isolated pieces of UI called *components*. A React component is a JavaScript function that you can sprinkle with markup. Components can be as small as a button, or as large as an entire page. Here is a `Gallery` component rendering three `Profile` components: +Le applicazioni React sono costruite da pezzi isolati di UI chiamati *componenti*. Un componente React è una funzione JavaScript che puoi arricchire con marcatura. I componenti possono essere piccoli come un pulsante o grandi come un'intera pagina. Ecco un componente `Gallery` che renderizza tre componenti `Profile`: @@ -57,14 +57,13 @@ img { margin: 0 10px 10px 0; height: 90px; } -Read **[Your First Component](/learn/your-first-component)** to learn how to declare and use React components. +Leggi **[Il tuo primo componente](/learn/your-first-component)** per imparare a dichiarare e utilizzare i componenti React. -## Importing and exporting components {/*importing-and-exporting-components*/} - -You can declare many components in one file, but large files can get difficult to navigate. To solve this, you can *export* a component into its own file, and then *import* that component from another file: +## Importazione ed esportazione di componenti {/*importing-and-exporting-components*/} +Puoi dichiarare molti componenti in un unico file, ma i file grandi possono diventare difficili da gestire. Per risolvere questo problema, puoi *esportare* un componente in un file separato e poi importare quel componente da un altro file: @@ -116,11 +115,11 @@ Read **[Importing and Exporting Components](/learn/importing-and-exporting-compo -## Writing markup with JSX {/*writing-markup-with-jsx*/} +## Scrivere markup con JSX {/*writing-markup-with-jsx*/} -Each React component is a JavaScript function that may contain some markup that React renders into the browser. React components use a syntax extension called JSX to represent that markup. JSX looks a lot like HTML, but it is a bit stricter and can display dynamic information. +Ogni componente React è una funzione JavaScript che può contenere del markup che React renderizza nel browser. I componenti React utilizzano una estensione di sintassi chiamata JSX per rappresentare questo markup. JSX assomiglia molto all'HTML, ma è un po' più rigoroso e può mostrare informazioni dinamiche. -If we paste existing HTML markup into a React component, it won't always work: +Se copiamo del markup HTML esistente in un componente React, non funzionerà sempre: @@ -149,7 +148,7 @@ img { height: 90px; } -If you have existing HTML like this, you can fix it using a [converter](https://transform.tools/html-to-jsx): +Se hai HTML esistente come questo, puoi risolverlo usando un [convertitore](https://transform.tools/html-to-jsx): @@ -181,13 +180,13 @@ img { height: 90px; } -Read **[Writing Markup with JSX](/learn/writing-markup-with-jsx)** to learn how to write valid JSX. +Leggi **[Scrittura markup con JSX](/learn/writing-markup-with-jsx)** per imparare come scrivere JSX valido. -## JavaScript in JSX with curly braces {/*javascript-in-jsx-with-curly-braces*/} +## JavaScript in JSX con parentesi graffe {/*javascript-in-jsx-with-curly-braces*/} -JSX lets you write HTML-like markup inside a JavaScript file, keeping rendering logic and content in the same place. Sometimes you will want to add a little JavaScript logic or reference a dynamic property inside that markup. In this situation, you can use curly braces in your JSX to "open a window" to JavaScript: +JSX ti consente di scrivere markup simile all'HTML all'interno di un file JavaScript, mantenendo la logica di rendering e il contenuto nello stesso luogo. A volte vorrai aggiungere un po' di logica JavaScript o fare riferimento a una proprietà dinamica all'interno di quel markup. In questa situazione, puoi usare le parentesi graffe nel tuo JSX per "aprire una finestra" su JavaScript: @@ -229,13 +228,13 @@ body > div > div { padding: 20px; } -Read **[JavaScript in JSX with Curly Braces](/learn/javascript-in-jsx-with-curly-braces)** to learn how to access JavaScript data from JSX. +Leggi **[JavaScript in JSX con parentesi graffe](/learn/javascript-in-jsx-with-curly-braces)** per imparare come accedere ai dati JavaScript da JSX. -## Passing props to a component {/*passing-props-to-a-component*/} +## Passare prop a un componente {/*passing-props-to-a-component*/} -React components use *props* to communicate with each other. Every parent component can pass some information to its child components by giving them props. Props might remind you of HTML attributes, but you can pass any JavaScript value through them, including objects, arrays, functions, and even JSX! +I componenti React usano *prop* per comunicare tra loro. Ogni componente padre può passare informazioni ai suoi componenti figlio dandogli delle props. Le props potrebbero farti pensare agli attributi HTML, ma puoi passare qualsiasi valore JavaScript attraverso di esse, inclusi oggetti, array, funzioni e persino JSX! @@ -310,15 +309,15 @@ export function getImageUrl(person, size = 's') { -Read **[Passing Props to a Component](/learn/passing-props-to-a-component)** to learn how to pass and read props. +Leggi **[Passaggio di Props a un Componente](/learn/passing-props-to-a-component)** per imparare come passare e leggere props. -## Conditional rendering {/*conditional-rendering*/} +## Rendering condizionale {/*conditional-rendering*/} -Your components will often need to display different things depending on different conditions. In React, you can conditionally render JSX using JavaScript syntax like `if` statements, `&&`, and `? :` operators. +I tuoi componenti spesso dovranno mostrare cose diverse a seconda di diverse condizioni. In React, puoi renderizzare JSX in modo condizionale utilizzando la sintassi JavaScript come gli operatori `if`, `&&` e `? :`. -In this example, the JavaScript `&&` operator is used to conditionally render a checkmark: +In questo esempio, l'operatore `&&` di JavaScript viene utilizzato per renderizzare in modo condizionale un segno di spunta: @@ -358,7 +357,7 @@ export default function PackingList() { -Read **[Conditional Rendering](/learn/conditional-rendering)** to learn the different ways to render content conditionally. +Leggi **[Rendering condizionale](/learn/conditional-rendering)** per imparare i diversi modi per renderizzare contenuti condizionalmente. From cac2554f0f3bff0db9a0dbfa024a6c8a0c372068 Mon Sep 17 00:00:00 2001 From: Agostino <65028567+Ago95Dev@users.noreply.github.com> Date: Fri, 28 Apr 2023 00:21:26 +0200 Subject: [PATCH 2/8] Traduzione "describing the ui" e sidebar relativa --- src/content/learn/describing-the-ui.md | 32 +++++++++++++------------- src/sidebarLearn.json | 2 +- 2 files changed, 17 insertions(+), 17 deletions(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index d5599f074..58f3007f9 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -111,11 +111,11 @@ img { margin: 0 10px 10px 0; } -Read **[Importing and Exporting Components](/learn/importing-and-exporting-components)** to learn how to split components into their own files. +Leggi **[Importazione ed Esportazione di Componenti](/learn/importing-and-exporting-components)** per imparare come suddividere i componenti in file separati. -## Scrivere markup con JSX {/*writing-markup-with-jsx*/} +## Scrivere Markup con JSX {/*writing-markup-with-jsx*/} Ogni componente React è una funzione JavaScript che può contenere del markup che React renderizza nel browser. I componenti React utilizzano una estensione di sintassi chiamata JSX per rappresentare questo markup. JSX assomiglia molto all'HTML, ma è un po' più rigoroso e può mostrare informazioni dinamiche. @@ -361,11 +361,11 @@ Leggi **[Rendering condizionale](/learn/conditional-rendering)** per imparare i -## Rendering lists {/*rendering-lists*/} +## Rendering di liste {/*rendering-lists*/} -You will often want to display multiple similar components from a collection of data. You can use JavaScript's `filter()` and `map()` with React to filter and transform your array of data into an array of components. +Spesso si desidera visualizzare più componenti simili da una raccolta di dati. È possibile utilizzare i metodi `filter()` e `map()` di JavaScript con React per filtrare e trasformare l'array di dati in un array di componenti. -For each array item, you will need to specify a `key`. Usually, you will want to use an ID from the database as a `key`. Keys let React keep track of each item's place in the list even if the list changes. +Per ogni elemento dell'array, è necessario specificare una `key`. Di solito, si vuole utilizzare un ID dal database come `key`. Le chiavi consentono a React di tenere traccia del posizionamento di ciascun elemento nella lista anche se la lista cambia. @@ -457,18 +457,18 @@ h2 { font-size: 20px; } -Read **[Rendering Lists](/learn/rendering-lists)** to learn how to render a list of components, and how to choose a key. +Leggi **[Rendering Lists](/learn/rendering-lists)** per imparare come renderizzare una lista di componenti e come scegliere una chiave. -## Keeping components pure {/*keeping-components-pure*/} +## Mantenere i componenti puri {/*keeping-components-pure*/} -Some JavaScript functions are *pure.* A pure function: +Alcune funzioni JavaScript sono *pure.* Una funzione pura: -* **Minds its own business.** It does not change any objects or variables that existed before it was called. -* **Same inputs, same output.** Given the same inputs, a pure function should always return the same result. +* **Si cura solo dei suoi affari.** Non modifica oggetti o variabili che sono esistiti prima che fosse chiamata. +* **Gli stessi input, lo stesso output.** Dati gli stessi input, una funzione pura dovrebbe sempre restituire lo stesso risultato. -By strictly only writing your components as pure functions, you can avoid an entire class of baffling bugs and unpredictable behavior as your codebase grows. Here is an example of an impure component: +Scrivendo strettamente i tuoi componenti solo come funzioni pure, puoi evitare un'intera classe di errori strani e comportamenti imprevedibili man mano che la tua base di codice cresce. Ecco un esempio di componente non puro: @@ -494,7 +494,7 @@ export default function TeaSet() { -You can make this component pure by passing a prop instead of modifying a preexisting variable: +Puoi rendere questo componente puro passando una prop invece di modificare una variabile esistente: @@ -518,12 +518,12 @@ export default function TeaSet() { -Read **[Keeping Components Pure](/learn/keeping-components-pure)** to learn how to write components as pure, predictable functions. +Leggi **[Mantenere i componenti puri](/learn/keeping-components-pure)** per imparare a scrivere componenti come funzioni pure e prevedibili. -## What's next? {/*whats-next*/} +## Qual è il prossimo passo? {/*whats-next*/} -Head over to [Your First Component](/learn/your-first-component) to start reading this chapter page by page! +Vai a [Il tuo primo componente](/learn/your-first-component) per iniziare a leggere questa pagina del capitolo pagina per pagina! -Or, if you're already familiar with these topics, why not read about [Adding Interactivity](/learn/adding-interactivity)? +Oppure, se sei già familiare con questi argomenti, perché non leggere su [Aggiungere interattività](/learn/adding-interactivity)? diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json index 7838a1342..a1e6a9097 100644 --- a/src/sidebarLearn.json +++ b/src/sidebarLearn.json @@ -47,7 +47,7 @@ "sectionHeader": "LEARN REACT" }, { - "title": "Describing the UI", + "title": "Descrivere l'UI", "tags": [], "path": "/learn/describing-the-ui", "routes": [ From d674b35eeafa00a19f07805bf459a48b696f9c1e Mon Sep 17 00:00:00 2001 From: Agostino D'Agostino Date: Fri, 28 Apr 2023 00:32:55 +0200 Subject: [PATCH 3/8] Update intestazioni describing-the-ui.md --- src/content/learn/describing-the-ui.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index 58f3007f9..807299a2d 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -21,7 +21,7 @@ React è una libreria JavaScript per il rendering delle interfacce utente(UI). L -## Il tuo primo componente {/*your-first-component*/} +## Il tuo primo Componente {/*your-first-component*/} Le applicazioni React sono costruite da pezzi isolati di UI chiamati *componenti*. Un componente React è una funzione JavaScript che puoi arricchire con marcatura. I componenti possono essere piccoli come un pulsante o grandi come un'intera pagina. Ecco un componente `Gallery` che renderizza tre componenti `Profile`: @@ -61,7 +61,7 @@ Leggi **[Il tuo primo componente](/learn/your-first-component)** per imparare a -## Importazione ed esportazione di componenti {/*importing-and-exporting-components*/} +## Importazione ed Esportazione di Componenti {/*importing-and-exporting-components*/} Puoi dichiarare molti componenti in un unico file, ma i file grandi possono diventare difficili da gestire. Per risolvere questo problema, puoi *esportare* un componente in un file separato e poi importare quel componente da un altro file: @@ -184,7 +184,7 @@ Leggi **[Scrittura markup con JSX](/learn/writing-markup-with-jsx)** per imparar -## JavaScript in JSX con parentesi graffe {/*javascript-in-jsx-with-curly-braces*/} +## JavaScript in JSX con Parentesi Graffe {/*javascript-in-jsx-with-curly-braces*/} JSX ti consente di scrivere markup simile all'HTML all'interno di un file JavaScript, mantenendo la logica di rendering e il contenuto nello stesso luogo. A volte vorrai aggiungere un po' di logica JavaScript o fare riferimento a una proprietà dinamica all'interno di quel markup. In questa situazione, puoi usare le parentesi graffe nel tuo JSX per "aprire una finestra" su JavaScript: @@ -232,7 +232,7 @@ Leggi **[JavaScript in JSX con parentesi graffe](/learn/javascript-in-jsx-with-c -## Passare prop a un componente {/*passing-props-to-a-component*/} +## Passare Prop a un Componente {/*passing-props-to-a-component*/} I componenti React usano *prop* per comunicare tra loro. Ogni componente padre può passare informazioni ai suoi componenti figlio dandogli delle props. Le props potrebbero farti pensare agli attributi HTML, ma puoi passare qualsiasi valore JavaScript attraverso di esse, inclusi oggetti, array, funzioni e persino JSX! @@ -313,7 +313,7 @@ Leggi **[Passaggio di Props a un Componente](/learn/passing-props-to-a-component -## Rendering condizionale {/*conditional-rendering*/} +## Rendering Condizionale {/*conditional-rendering*/} I tuoi componenti spesso dovranno mostrare cose diverse a seconda di diverse condizioni. In React, puoi renderizzare JSX in modo condizionale utilizzando la sintassi JavaScript come gli operatori `if`, `&&` e `? :`. @@ -361,7 +361,7 @@ Leggi **[Rendering condizionale](/learn/conditional-rendering)** per imparare i -## Rendering di liste {/*rendering-lists*/} +## Rendering di Liste {/*rendering-lists*/} Spesso si desidera visualizzare più componenti simili da una raccolta di dati. È possibile utilizzare i metodi `filter()` e `map()` di JavaScript con React per filtrare e trasformare l'array di dati in un array di componenti. @@ -461,7 +461,7 @@ Leggi **[Rendering Lists](/learn/rendering-lists)** per imparare come renderizza -## Mantenere i componenti puri {/*keeping-components-pure*/} +## Mantenere i Componenti Puri {/*keeping-components-pure*/} Alcune funzioni JavaScript sono *pure.* Una funzione pura: @@ -522,7 +522,7 @@ Leggi **[Mantenere i componenti puri](/learn/keeping-components-pure)** per impa -## Qual è il prossimo passo? {/*whats-next*/} +## Qual è il Prossimo Passo? {/*whats-next*/} Vai a [Il tuo primo componente](/learn/your-first-component) per iniziare a leggere questa pagina del capitolo pagina per pagina! From 0ad3098f46707577e55683713058617d8d4cb4e7 Mon Sep 17 00:00:00 2001 From: Agostino D'Agostino Date: Fri, 28 Apr 2023 00:33:28 +0200 Subject: [PATCH 4/8] Update describing-the-ui.md --- src/content/learn/describing-the-ui.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index 807299a2d..cbce3878d 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -21,7 +21,7 @@ React è una libreria JavaScript per il rendering delle interfacce utente(UI). L -## Il tuo primo Componente {/*your-first-component*/} +## Il tuo Primo Componente {/*your-first-component*/} Le applicazioni React sono costruite da pezzi isolati di UI chiamati *componenti*. Un componente React è una funzione JavaScript che puoi arricchire con marcatura. I componenti possono essere piccoli come un pulsante o grandi come un'intera pagina. Ecco un componente `Gallery` che renderizza tre componenti `Profile`: From 5444b0f9ff1ca0fdd7b8c444c3bed65b0550272e Mon Sep 17 00:00:00 2001 From: Agostino D'Agostino Date: Fri, 28 Apr 2023 09:49:43 +0200 Subject: [PATCH 5/8] Update src/sidebarLearn.json Co-authored-by: Davide Mandelli --- src/sidebarLearn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json index a1e6a9097..9b9a40c18 100644 --- a/src/sidebarLearn.json +++ b/src/sidebarLearn.json @@ -47,7 +47,7 @@ "sectionHeader": "LEARN REACT" }, { - "title": "Descrivere l'UI", + "title": "Descrivere la UI", "tags": [], "path": "/learn/describing-the-ui", "routes": [ From 3b0d3c6ba5cafe348fb1e527250e120430a3c821 Mon Sep 17 00:00:00 2001 From: Agostino D'Agostino Date: Fri, 28 Apr 2023 10:33:02 +0200 Subject: [PATCH 6/8] Update title describing-the-ui.md --- src/content/learn/describing-the-ui.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index cbce3878d..594dd8c51 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -1,10 +1,10 @@ --- -title: Descrivere l'UI +title: Descrivere la UI --- -React è una libreria JavaScript per il rendering delle interfacce utente(UI). L'UI è costruita da piccole unità come pulsanti, testo e immagini. React ti consente di combinare queste unità in *componenti* riutilizzabili e annidabili. Dalle pagine web alle app per telefoni, tutto sullo schermo può essere scomposto in componenti. In questo capitolo imparerai a creare, personalizzare e visualizzare condizionalmente i componenti React. +React è una libreria JavaScript per il rendering delle interfacce utente(UI). La UI è costruita da piccole unità come pulsanti, testo e immagini. React ti consente di combinare queste unità in *componenti* riutilizzabili e annidabili. Dalle pagine web alle app per telefoni, tutto sullo schermo può essere scomposto in componenti. In questo capitolo imparerai a creare, personalizzare e visualizzare condizionalmente i componenti React. From 322f62d10bfdf804051b67e91810b521e7d97529 Mon Sep 17 00:00:00 2001 From: Alessandro De Blasis Date: Fri, 28 Apr 2023 10:30:28 +0100 Subject: [PATCH 7/8] chore: titles casing --- src/content/learn/describing-the-ui.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index 594dd8c51..13d327d76 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -57,7 +57,7 @@ img { margin: 0 10px 10px 0; height: 90px; } -Leggi **[Il tuo primo componente](/learn/your-first-component)** per imparare a dichiarare e utilizzare i componenti React. +Leggi **[Il tuo Primo Componente](/learn/your-first-component)** per imparare a dichiarare e utilizzare i componenti React. @@ -180,7 +180,7 @@ img { height: 90px; } -Leggi **[Scrittura markup con JSX](/learn/writing-markup-with-jsx)** per imparare come scrivere JSX valido. +Leggi **[Scrivere Markup con JSX](/learn/writing-markup-with-jsx)** per imparare come scrivere JSX valido. @@ -228,7 +228,7 @@ body > div > div { padding: 20px; } -Leggi **[JavaScript in JSX con parentesi graffe](/learn/javascript-in-jsx-with-curly-braces)** per imparare come accedere ai dati JavaScript da JSX. +Leggi **[JavaScript in JSX con Parentesi Graffe](/learn/javascript-in-jsx-with-curly-braces)** per imparare come accedere ai dati JavaScript da JSX. @@ -357,7 +357,7 @@ export default function PackingList() { -Leggi **[Rendering condizionale](/learn/conditional-rendering)** per imparare i diversi modi per renderizzare contenuti condizionalmente. +Leggi **[Rendering Condizionale](/learn/conditional-rendering)** per imparare i diversi modi per renderizzare contenuti condizionalmente. @@ -457,7 +457,7 @@ h2 { font-size: 20px; } -Leggi **[Rendering Lists](/learn/rendering-lists)** per imparare come renderizzare una lista di componenti e come scegliere una chiave. +Leggi **[Renderizzare Liste](/learn/rendering-lists)** per imparare come renderizzare una lista di componenti e come scegliere una chiave. @@ -518,12 +518,12 @@ export default function TeaSet() { -Leggi **[Mantenere i componenti puri](/learn/keeping-components-pure)** per imparare a scrivere componenti come funzioni pure e prevedibili. +Leggi **[Mantenere i Componenti Puri](/learn/keeping-components-pure)** per imparare a scrivere componenti come funzioni pure e prevedibili. ## Qual è il Prossimo Passo? {/*whats-next*/} -Vai a [Il tuo primo componente](/learn/your-first-component) per iniziare a leggere questa pagina del capitolo pagina per pagina! +Vai a [Il Tuo Primo Componente](/learn/your-first-component) per iniziare a leggere questa pagina del capitolo pagina per pagina! -Oppure, se sei già familiare con questi argomenti, perché non leggere su [Aggiungere interattività](/learn/adding-interactivity)? +Oppure, se sei già familiare con questi argomenti, perché non leggere su [Aggiungere Interattività](/learn/adding-interactivity)? From 2676d7bdb4385d69ddd0d16332ce5674ec406ab0 Mon Sep 17 00:00:00 2001 From: Alessandro De Blasis Date: Fri, 28 Apr 2023 10:33:49 +0100 Subject: [PATCH 8/8] chore: nit --- src/content/learn/describing-the-ui.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md index 13d327d76..abb57a6b4 100644 --- a/src/content/learn/describing-the-ui.md +++ b/src/content/learn/describing-the-ui.md @@ -57,7 +57,7 @@ img { margin: 0 10px 10px 0; height: 90px; } -Leggi **[Il tuo Primo Componente](/learn/your-first-component)** per imparare a dichiarare e utilizzare i componenti React. +Leggi **[Il Tuo Primo Componente](/learn/your-first-component)** per imparare a dichiarare e utilizzare i componenti React.