From fcd8d3516e33c2ac6ee563644d774048fbb6f9f5 Mon Sep 17 00:00:00 2001
From: Carmen Agnese Santoro <54774187+carmensantoro@users.noreply.github.com>
Date: Wed, 10 Jun 2020 12:41:20 +0200
Subject: [PATCH 1/3] Italian translation of the page
---
content/docs/fragments.md | 34 +++++++++++++++++-----------------
1 file changed, 17 insertions(+), 17 deletions(-)
diff --git a/content/docs/fragments.md b/content/docs/fragments.md
index d054bb7e9..cd9bcef5b 100644
--- a/content/docs/fragments.md
+++ b/content/docs/fragments.md
@@ -4,7 +4,7 @@ title: Frammenti
permalink: docs/fragments.html
---
-A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM.
+Un modello comune in React è di restituire molteplici elementi per un componente. I frammenti ti consentono di raggruppare una lista di figli senza aggiungere nodi extra al DOM.
```js
render() {
@@ -18,11 +18,11 @@ render() {
}
```
-There is also a new [short syntax](#short-syntax) for declaring them.
+C'è anche una nuova [sintassi breve](#short-syntax) per dichiararli.
-## Motivation {#motivation}
+## Motivazione {#motivation}
-A common pattern is for a component to return a list of children. Take this example React snippet:
+Un modello comune per un componente è di restituire una lista di figli. Guarda questo esempio di una parte del codice React:
```jsx
class Table extends React.Component {
@@ -38,7 +38,7 @@ class Table extends React.Component {
}
```
-`` would need to return multiple `
` elements in order for the rendered HTML to be valid. If a parent div was used inside the `render()` of ``, then the resulting HTML will be invalid.
+`` avrebbe bisogno di restituire multipli elementi ` | ` in ordine per affinchè l'HTML reindirizzato sia valido. Se un parente div è stato usato dentro il `render()` di ``, l'HTML risultante non sarà valido.
```jsx
class Columns extends React.Component {
@@ -53,7 +53,7 @@ class Columns extends React.Component {
}
```
-results in a `` output of:
+genererà in `` il seguente risultato:
```jsx
@@ -66,9 +66,9 @@ results in a `` output of:
```
-Fragments solve this problem.
+I frammenti risolvono questo problema.
-## Usage {#usage}
+## Utilizzo {#usage}
```jsx{4,7}
class Columns extends React.Component {
@@ -83,7 +83,7 @@ class Columns extends React.Component {
}
```
-which results in a correct `` output of:
+che darà in `` un corretto risultato:
```jsx
@@ -94,9 +94,9 @@ which results in a correct `` output of:
```
-### Short Syntax {#short-syntax}
+### Sintassi Breve {#short-syntax}
-There is a new, shorter syntax you can use for declaring fragments. It looks like empty tags:
+C'è una nuova e breve sintassi che puoi usare per dichiarare i frammenti. Sembra come se avessimo dei tag vuoti:
```jsx{4,7}
class Columns extends React.Component {
@@ -111,11 +111,11 @@ class Columns extends React.Component {
}
```
-You can use `<>>` the same way you'd use any other element except that it doesn't support keys or attributes.
+Puoi utilizzare `<>>` allo stesso modo in cui hai utilizzato ogni altro elemento, ad accezzione che questa sintassi non supporta chiavi e attributi.
-### Keyed Fragments {#keyed-fragments}
+### Frammenti Chiave {#keyed-fragments}
-Fragments declared with the explicit `` syntax may have keys. A use case for this is mapping a collection to an array of fragments -- for example, to create a description list:
+I frammenti dichiarati con l'esplicita sintassi `` possono avere chiavi. Un caso di utilizzo può essere mappare una collezione su un array di frammenti -- per esempio, per creare una lista di descrizioni:
```jsx
function Glossary(props) {
@@ -133,8 +133,8 @@ function Glossary(props) {
}
```
-`key` is the only attribute that can be passed to `Fragment`. In the future, we may add support for additional attributes, such as event handlers.
+`key` è l'unico attributo che può essere accettato da `Fragment`. In futuro, potremo aggiungere un supporto per attributi aggiuntivi, come per i gestori di eventi.
-### Live Demo {#live-demo}
+### Dimostrazione dal vivo {#live-demo}
-You can try out the new JSX fragment syntax with this [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000).
+Puoi provare la nuova sintassi del frammento JSX con questo [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000).
From 2eedb2bfc9eb7e92ca3b247790c08048e17d165c Mon Sep 17 00:00:00 2001
From: Alessandro De Blasis
Date: Sun, 1 Nov 2020 15:48:47 +0000
Subject: [PATCH 2/3] Update content/docs/fragments.md
---
content/docs/fragments.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/content/docs/fragments.md b/content/docs/fragments.md
index cd9bcef5b..8468c1bd5 100644
--- a/content/docs/fragments.md
+++ b/content/docs/fragments.md
@@ -38,7 +38,7 @@ class Table extends React.Component {
}
```
-`` avrebbe bisogno di restituire multipli elementi `` in ordine per affinchè l'HTML reindirizzato sia valido. Se un parente div è stato usato dentro il `render()` di ``, l'HTML risultante non sarà valido.
+`` avrebbe bisogno di restituire multipli elementi ` | ` in ordine per affinchè l'HTML renderizzato sia valido. Se un parente div è stato usato dentro il `render()` di ``, l'HTML risultante non sarà valido.
```jsx
class Columns extends React.Component {
From 3febfd1c55762a5d68b7b21a77bc678de5af8d07 Mon Sep 17 00:00:00 2001
From: Alessandro De Blasis
Date: Sun, 1 Nov 2020 15:48:56 +0000
Subject: [PATCH 3/3] Update content/docs/fragments.md
---
content/docs/fragments.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/content/docs/fragments.md b/content/docs/fragments.md
index 8468c1bd5..466b59b1f 100644
--- a/content/docs/fragments.md
+++ b/content/docs/fragments.md
@@ -111,7 +111,7 @@ class Columns extends React.Component {
}
```
-Puoi utilizzare `<>>` allo stesso modo in cui hai utilizzato ogni altro elemento, ad accezzione che questa sintassi non supporta chiavi e attributi.
+Puoi utilizzare `<>>` allo stesso modo in cui hai utilizzato ogni altro elemento, ad eccezione che questa sintassi non supporta chiavi e attributi.
### Frammenti Chiave {#keyed-fragments}
| |