Skip to content

Commit 6de0b7d

Browse files
authored
Translation for the page 'Installation -> Getting Started' (#146)
* WIP: getting-started Closes #39 Signed-off-by: Alessandro De Blasis <[email protected]> * getting-started: wrapping up Signed-off-by: Alessandro De Blasis <[email protected]> * Update static/html/single-file-example.html Co-Authored-By: deblasis <[email protected]> * Update content/docs/getting-started.md Co-Authored-By: deblasis <[email protected]> * Update content/docs/getting-started.md Co-Authored-By: deblasis <[email protected]> * Update content/docs/getting-started.md Co-Authored-By: deblasis <[email protected]>
1 parent 5b10ed0 commit 6de0b7d

File tree

2 files changed

+64
-64
lines changed

2 files changed

+64
-64
lines changed

Diff for: content/docs/getting-started.md

+53-53
Original file line numberDiff line numberDiff line change
@@ -18,109 +18,109 @@ redirect_from:
1818
- "docs/environments.html"
1919
---
2020

21-
This page is an overview of the React documentation and related resources.
21+
Questa pagina offre una panoramica sulla documentazione di React e sulle risorse correlate.
2222

23-
**React** is a JavaScript library for building user interfaces. Learn what React is all about on [our homepage](/) or [in the tutorial](/tutorial/tutorial.html).
23+
**React** è una libreria JavaScript per lo sviluppo d'interfacce utente. Impara cos'è React cominciando dalla [nostra homepage](/) o [dal tutorial](/tutorial/tutorial.html).
2424

2525
---
2626

27-
- [Try React](#try-react)
28-
- [Learn React](#learn-react)
29-
- [Staying Informed](#staying-informed)
30-
- [Versioned Documentation](#versioned-documentation)
31-
- [Something Missing?](#something-missing)
27+
- [Prova React](#try-react)
28+
- [Impara React](#learn-react)
29+
- [Rimanere Aggiornati](#staying-informed)
30+
- [Documentazione Versionata](#versioned-documentation)
31+
- [Manca Qualcosa?](#something-missing)
3232

33-
## Try React {#try-react}
33+
## Prova React {#try-react}
3434

35-
React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need.** Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started.
35+
React è stato progettato sin dal principio per la sua graduale adozione, per questo **puoi utilizzare quel poco o quel tanto di React di cui hai bisogno.** Se vuoi avere un assaggio di React, aggiungere un po' di interattività ad una semplice pagina HTML, o se vuoi cominciare lo sviluppo di un'intera app complessa basata su React, i link in questa sezione ti aiuteranno nei primi passi.
3636

3737
### Online Playgrounds {#online-playgrounds}
3838

39-
If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), or [Glitch](https://glitch.com/edit/#!/remix/starter-react-template).
39+
Se ti interessa giocare con il codice React, puoi utilizzare uno dei "Parchi Giochi" disponibili online. Prova un template "Hello World" su [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new) o [Glitch](https://glitch.com/edit/#!/remix/starter-react-template).
4040

41-
If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so we'd only recommend using this for simple demos.
41+
Se invece preferisci utilizzare il tuo editor di testo, puoi [scaricare questo file HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), modificarlo ed aprirlo nel tuo browser dal tuo filesystem. Dato che viene eseguita una lenta trasformazione del codice a runtime, raccomandiamo l'uso di questa modalità solo per semplici demo.
4242

43-
### Add React to a Website {#add-react-to-a-website}
43+
### Aggiungere React ad un Sito {#add-react-to-a-website}
4444

45-
You can [add React to an HTML page in one minute](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets.
45+
Puoi [aggiungere React ad una pagina HTML in in minuto](/docs/add-react-to-a-website.html). Potrai a quel punto espandere la sua presenza o mantenerlo confinato in pochi widgets isolati.
4646

47-
### Create a New React App {#create-a-new-react-app}
47+
### Creare una Nuova App React {#create-a-new-react-app}
4848

49-
When starting a React project, [a simple HTML page with script tags](/docs/add-react-to-a-website.html) might still be the best option. It only takes a minute to set up!
49+
Quando si deve incominciare un nuovo progetto React, [una semplice pagina HTML con script tags](/docs/add-react-to-a-website.html) potrebbe ancora essere la migliore opzione. Richiede solo un minuto per il setup!
5050

51-
As your application grows, you might want to consider a more integrated setup. There are [several JavaScript toolchains](/docs/create-a-new-react-app.html) we recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem.
51+
Man mano che la tua applicazione cresce, potresti voler considerare un setup più integrato. Esistono [diverse toolchains JavaScript](/docs/create-a-new-react-app.html) che raccomandiamo per lo sviluppo di applicazioni più complesse. Ognuna di esse può funzionare con poche impostazioni oppure senza dover impostare nulla permettendoti di ottenere tutti i vantaggi del ricco ecosistema di React.
5252

53-
## Learn React {#learn-react}
53+
## Impara React {#learn-react}
5454

55-
People come to React from different backgrounds and with different learning styles. Whether you prefer a more theoretical or a practical approach, we hope you'll find this section helpful.
55+
Le persone che si avvicinano a React hanno background e stili di apprendimento differenti. A prescindere dal fatto che tu preferisca un approccio più teorico o pratico, speriamo che questa sezione ti sia di aiuto.
5656

57-
* If you prefer to **learn by doing**, start with our [practical tutorial](/tutorial/tutorial.html).
58-
* If you prefer to **learn concepts step by step**, start with our [guide to main concepts](/docs/hello-world.html).
57+
* Se preferisci **imparare facendo**, inizia dal nostro [tutorial pratico](/tutorial/tutorial.html).
58+
* Se preferisci **imparare i concetti passo passo**, inizia dalla nostra [guida ai concetti principali](/docs/hello-world.html).
5959

60-
Like any unfamiliar technology, React does have a learning curve. With practice and some patience, you *will* get the hang of it.
60+
Come ogni nuova tecnologia, anche React ha una curva di apprendimento. Con la pratica ed un po' di pazienza, lo imparerai fino in fondo, *garantito*.
6161

62-
### First Examples {#first-examples}
62+
### Primi Esempi {#first-examples}
6363

64-
The [React homepage](/) contains a few small React examples with a live editor. Even if you don't know anything about React yet, try changing their code and see how it affects the result.
64+
L'[Homepage di React](/) contiene alcuni piccoli esempi di codice, affiancati da un editor in tempo reale. Anche se non sai nulla riguardo React, prova a cambiare qualcosa nel codice per vedere che effetto ha nel risultato.
6565

66-
### React for Beginners {#react-for-beginners}
66+
### React per i Principianti {#react-for-beginners}
6767

68-
If you feel that the React documentation goes at a faster pace than you're comfortable with, check out [this overview of React by Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). It introduces the most important React concepts in a detailed, beginner-friendly way. Once you're done, give the documentation another try!
68+
Se ritieni che la documentazione di React vada troppo veloce per i tuoi gusti, dai uno sguardo a questa [panoramica di React scritta da Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). Essa dà una introduzione sui concetti di React più importanti in modo dettagliato e semplice. Quando hai finito, prova di nuovo con la nostra documentazione!
6969

70-
### React for Designers {#react-for-designers}
70+
### React per i Designers {#react-for-designers}
7171

72-
If you're coming from a design background, [these resources](https://reactfordesigners.com/) are a great place to get started.
72+
Se hai un background in design, [queste risorse](https://reactfordesigners.com/) sono un ottimo punto di partenza.
7373

74-
### JavaScript Resources {#javascript-resources}
74+
### Risorse JavaScript {#javascript-resources}
7575

76-
The React documentation assumes some familiarity with programming in the JavaScript language. You don't have to be an expert, but it's harder to learn both React and JavaScript at the same time.
76+
La documentazione di React assume un po' di familiarità con la programmazione nel linguaggio JavaScript. Non hai bisogno di essere un esperto, ma è più difficile imparare React e JavaScript contemporaneamente.
7777

78-
We recommend going through [this JavaScript overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level. It will take you between 30 minutes and an hour but you will feel more confident learning React.
78+
Ti raccomandiamo di dare un'occhiata a [questa panoramica su JavaScript](https://developer.mozilla.org/it/docs/Web/JavaScript/Una_reintroduzione_al_JavaScript) per verificare il tuo livello di conoscenza. Ti richiederà tra 30 minuti ed un'ora per completarla ma alla fine ti sentirai più confidente nell'apprendimento di React.
7979

80-
>Tip
80+
>Suggerimento
8181
>
82-
>Whenever you get confused by something in JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](https://javascript.info/) are great websites to check. There are also [community support forums](/community/support.html) where you can ask for help.
82+
>Ogni qual volta troverai che qualche concetto in JavaScript non ti sia chiaro, [MDN](https://developer.mozilla.org/it/docs/Web/JavaScript) e [javascript.info](https://javascript.info/) sono degli ottimi siti da visitare. Esistono anche [forum di supporto della comunità](/community/support.html) dove puoi chiedere aiuto.
8383
84-
### Practical Tutorial {#practical-tutorial}
84+
### Tutorial Pratico {#practical-tutorial}
8585

86-
If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding.
86+
Se preferisci **imparare facendo,** dà uno sguardo al nostro [tutorial pratico](/tutorial/tutorial.html). In esso, sviluppiamo un gioco tic-tac-toe (tris) in React. Potresti avere la tentazione di non seguire il tutorial perchè normalmente non sviluppi giochi -- ma dagli una possibilità. Le tecniche che imparerai nel tutorial sono fondamentali per la costruzione di *ogni* app in React, impararle ti darà una comprensione molto più profonda.
8787

88-
### Step-by-Step Guide {#step-by-step-guide}
88+
### Guide Passo-Passo {#step-by-step-guide}
8989

90-
If you prefer to **learn concepts step by step,** our [guide to main concepts](/docs/hello-world.html) is the best place to start. Every next chapter in it builds on the knowledge introduced in the previous chapters so you won't miss anything as you go along.
90+
Se preferisci **imparare i concetti passo dopo passo,** la nostra [guida ai concetti principali](/docs/hello-world.html) è il posto migliore per cominciare. Ogni nuovo capitolo in essa si basa sui concetti introdotti nei capitoli precedenti facendo sì che non ti perderai nulla via via che prosegui.
9191

9292
### Pensare in React {#thinking-in-react}
9393

94-
Many React users credit reading [Pensare in React](/docs/thinking-in-react.html) as the moment React finally "clicked" for them. It's probably the oldest React walkthrough but it's still just as relevant.
94+
Molti utilizzatori di React danno molto credito alla lettura di [Pensare in React](/docs/thinking-in-react.html) come il momento in cui hanno "fatto pace" con React. Probabilmente si tratta della più vecchia guida a React ma è ancora del tutto rilevante.
9595

96-
### Recommended Courses {#recommended-courses}
96+
### Corsi Raccomandati {#recommended-courses}
9797

98-
Sometimes people find third-party books and video courses more helpful than the official documentation. We maintain [a list of commonly recommended resources](/community/courses.html), some of which are free.
98+
Alcuni talvolta trovano che libri di terze parti e videocorsi siano di maggiore aiuto rispetto alla documentazione ufficiale. Manteniamo [una lista delle risorse comunemente raccomandate](/community/courses.html), alcune delle quali sono gratuite.
9999

100-
### Advanced Concepts {#advanced-concepts}
100+
### Concetti Avanzati {#advanced-concepts}
101101

102-
Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html).
102+
Una volta che hai imparato i [concetti principali](#main-concepts) ed utilizzato React per un po', potrai trovare interessanti alcuni temi più avanzati. Questa sezione ti introdurrà alle funzioni più potenti ma meno utilizzate in React come [context](/docs/context.html) e [refs](/docs/refs-and-the-dom.html).
103103

104-
### API Reference {#api-reference}
104+
### API di Riferimento {#api-reference}
105105

106-
This documentation section is useful when you want to learn more details about a particular React API. For example, [`React.Component` API reference](/docs/react-component.html) can provide you with details on how `setState()` works, and what different lifecycle methods are useful for.
106+
Questa sezione della documentazione è utile quando devi imparare in dettaglio una specifica API di React. Ad esempio, [l'API di riferimento di `React.Component`](/docs/react-component.html) offre dettagli su come funziona `setState()` e su per cosa e come, i vari metodi di lifecycle, possono essere utilizzati.
107107

108-
### Glossary and FAQ {#glossary-and-faq}
108+
### Glossario e FAQ {#glossary-and-faq}
109109

110-
The [glossary](/docs/glossary.html) contains an overview of the most common terms you'll see in the React documentation. There is also a FAQ section dedicated to short questions and answers about common topics, including [making AJAX requests](/docs/faq-ajax.html), [component state](/docs/faq-state.html), and [file structure](/docs/faq-structure.html).
110+
Il [glossario](/docs/glossary.html) contiene una panoramica dei temini più comuni che troverai nella documentazione di React. Esiste anche una sezione con le FAQ (domande frequenti) dove potrai trovare brevi domande e risposte riguardo i temi più comuni, inclusi [creare richieste AJAX](/docs/faq-ajax.html), [stato dei componenti](/docs/faq-state.html) e [struttura dei file](/docs/faq-structure.html).
111111

112-
## Staying Informed {#staying-informed}
112+
## Rimanere Aggiornati {#staying-informed}
113113

114-
The [React blog](/blog/) is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first.
114+
Il [blog di React](/blog/) è la fonte ufficiale per gli aggiornamenti dal team di React. Ogni annuncio importante, incluse note di rilascio o di obsolescenza, verranno postate qui inizialmente.
115115

116-
You can also follow the [@reactjs account](https://twitter.com/reactjs) on Twitter, but you won't miss anything essential if you only read the blog.
116+
Puoi inoltre seguire l'[account @reactjs](https://twitter.com/reactjs) su Twitter, ma non ti perderai nulla di essenziale leggendo solo il blog.
117117

118-
Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page.
118+
Non tutte le release di React meritano un blog post, potrai comunque trovare la lista dei cambiamenti per ogni release [nel file `CHANGELOG.md` nella repository di React](https://github.com/facebook/react/blob/master/CHANGELOG.md), oltre che nella pagina [Releases](https://github.com/facebook/react).
119119

120-
## Versioned Documentation {#versioned-documentation}
120+
## Documentazione Versionata {#versioned-documentation}
121121

122-
This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation [on a separate page](/versions). Note that documentation for past versions is snapshotted at the time of the release, and isn't being continuously updated.
122+
Questa documentazione riflette sempre l'ultima versione stabile di React. A partire da React 16, puoi trovare le vecchie versioni della documentazione [in una pagina separata](/versions). Nota che la documentazione per le versioni precedenti viene salvata al momento del rilascio, non riceve più aggiornamenti in seguito.
123123

124-
## Something Missing? {#something-missing}
124+
## Manca Qualcosa? {#something-missing}
125125

126-
If something is missing in the documentation or if you found some part confusing, please [file an issue for the documentation repository](https://github.com/reactjs/reactjs.org/issues/new) with your suggestions for improvement, or tweet at the [@reactjs account](https://twitter.com/reactjs). We love hearing from you!
126+
Se ritieni che la documentazione abbia delle lacune, oppure se trovi che alcune parti non siano chiare, per favore [crea una issue nel repository della documentazione ](https://github.com/reactjs/it.reactjs.org/issues/new) con i tuoi suggerimenti, oppure invia un tweet all'account [@reactjs](https://twitter.com/reactjs). Adoriamo ricevere feedback!

Diff for: static/html/single-file-example.html

+11-11
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,35 @@
22
<html>
33
<head>
44
<meta charset="UTF-8" />
5-
<title>Hello World</title>
5+
<title>Ciao Mondo</title>
66
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
77
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
88

9-
<!-- Don't use this in production: -->
9+
<!-- /!\ Non importare Babel nel browser in produzione: -->
1010
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
1111
</head>
1212
<body>
1313
<div id="root"></div>
1414
<script type="text/babel">
1515

1616
ReactDOM.render(
17-
<h1>Hello, world!</h1>,
17+
<h1>Ciao Mondo</h1>,
1818
document.getElementById('root')
1919
);
2020

2121
</script>
2222
<!--
23-
Note: this page is a great way to try React but it's not suitable for production.
24-
It slowly compiles JSX with Babel in the browser and uses a large development build of React.
23+
Nota: questa pagina è un ottimo modo per provare React ma non è adatta all'uso in produzione.
24+
Essa compila il codice JSX con Babel nel browser in modo molto lento ed utilizza una build di sviluppo di React non compressa.
2525
26-
Read this section for a production-ready setup with JSX:
27-
https://reactjs.org/docs/add-react-to-a-website.html#add-jsx-to-a-project
26+
Leggi in questa sezione per i dettagli riguardo un setup di produzione con JSX:
27+
https://it.reactjs.org/docs/add-react-to-a-website.html#add-jsx-to-a-project
2828
29-
In a larger project, you can use an integrated toolchain that includes JSX instead:
30-
https://reactjs.org/docs/create-a-new-react-app.html
29+
Nei progetti più grandi, puoi invece utilizzare una toolchain integrata che include JSX:
30+
https://it.reactjs.org/docs/create-a-new-react-app.html
3131
32-
You can also use React without JSX, in which case you can remove Babel:
33-
https://reactjs.org/docs/react-without-jsx.html
32+
Poi anche utilizzare React senza JSX, in tal caso puoi rimuovere Babel:
33+
https://it.reactjs.org/docs/react-without-jsx.html
3434
-->
3535
</body>
3636
</html>

0 commit comments

Comments
 (0)