Skip to content

Commit b6fad02

Browse files
LucaBlackDragondeblasis
authored andcommitted
Translation for the page 'Create a New React App' (#143)
* Inizio traduzione * Traduzione completata * check all * Fix "ti" overkill
1 parent ee0b36b commit b6fad02

File tree

1 file changed

+42
-42
lines changed

1 file changed

+42
-42
lines changed

Diff for: content/docs/create-a-new-react-app.md

+42-42
Original file line numberDiff line numberDiff line change
@@ -8,87 +8,87 @@ prev: add-react-to-a-website.html
88
next: cdn-links.html
99
---
1010

11-
Use an integrated toolchain for the best user and developer experience.
11+
Utilizza una toolchain integrata per avere la migliore esperienza utente e di sviluppo.
1212

13-
This page describes a few popular React toolchains which help with tasks like:
13+
Questa pagina descrive alcune toolchains popolari di React che ti aiuteranno per compiti come:
1414

15-
* Scaling to many files and components.
16-
* Using third-party libraries from npm.
17-
* Detecting common mistakes early.
18-
* Live-editing CSS and JS in development.
19-
* Optimizing the output for production.
15+
* Scalare su molti file e componenti.
16+
* Utilizzare librerie di terze parti importate da npm.
17+
* Individuare subito errori comuni.
18+
* Visualizzare in tempo reale l'effetto delle modifiche al codice JavaScript e CSS durante lo sviluppo.
19+
* Ottimizzare l'output per la produzione.
2020

21-
The toolchains recommended on this page **don't require configuration to get started**.
21+
Le toolchains raccomandate in questa pagina **non hanno bisogno di una configurazione per essere utilizzate**.
2222

23-
## You Might Not Need a Toolchain {#you-might-not-need-a-toolchain}
23+
## Potresti Non Avere Bisogno di una Toolchain {#you-might-not-need-a-toolchain}
2424

25-
If you don't experience the problems described above or don't feel comfortable using JavaScript tools yet, consider [adding React as a plain `<script>` tag on an HTML page](/docs/add-react-to-a-website.html), optionally [with JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx).
25+
Se non hai a che fare con i problemi descritti sopra o non ti senti a tuo agio ad utilizzare questi strumenti JavaScript, considera se [aggiungere React come un semplice tag `<script>` a una pagina HTML](/docs/add-react-to-a-website.html), opzionalmente [utilizzando JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx).
2626

27-
This is also **the easiest way to integrate React into an existing website.** You can always add a larger toolchain if you find it helpful!
27+
Questo è anche **il modo più semplice di integrare React in un sito esistente.** Puoi sempre aggiungere una toolchain più estesa in seguito se trovi che sia utile!
2828

29-
## Recommended Toolchains {#recommended-toolchains}
29+
## Toolchains Raccomandate {#recommended-toolchains}
3030

31-
The React team primarily recommends these solutions:
31+
Il team di React raccomanda prima di tutto queste soluzioni:
3232

33-
- If you're **learning React** or **creating a new [single-page](/docs/glossary.html#single-page-application) app,** use [Create React App](#create-react-app).
34-
- If you're building a **server-rendered website with Node.js,** try [Next.js](#nextjs).
35-
- If you're building a **static content-oriented website,** try [Gatsby](#gatsby).
36-
- If you're building a **component library** or **integrating with an existing codebase**, try [More Flexible Toolchains](#more-flexible-toolchains).
33+
- Se stai **imparando React** o **creando una nuova applicazione [single-page](/docs/glossary.html#single-page-application),** utilizza [Create React App](#create-react-app).
34+
- Se stai realizzando un **sito renderizzato lato server con Node.js,** prova [Next.js](#nextjs).
35+
- Se stai realizzando un **sito orientato al contenuto statico,** prova [Gatsby](#gatsby).
36+
- Se stai realizzando una **libreria di componenti** o **integrando una base di codice preesistente**, prova con le [Toolchains Più Flessibili](#more-flexible-toolchains).
3737

3838
### Create React App {#create-react-app}
3939

40-
[Create React App](https://github.com/facebookincubator/create-react-app) is a comfortable environment for **learning React**, and is the best way to start building **a new [single-page](/docs/glossary.html#single-page-application) application** in React.
40+
[Create React App](https://github.com/facebookincubator/create-react-app) è un ambiente confortevole per **imparare React**, ed è il modo migliore per iniziare a costruire **una nuova applicazione [single-page](/docs/glossary.html#single-page-application)** in React.
4141

42-
It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production. You’ll need to have Node >= 6 and npm >= 5.2 on your machine. To create a project, run:
42+
Si occupa di configurare il tuo ambiente di sviluppo in modo da poter utilizzare le caratteristiche più recenti di JavaScript, fornisce un'ottima esperienza di sviluppo e ottimizza la tua applicazione per la produzione. Avrai bisogno di avere installato Node >= 6 e npm >= 5.2 nella tua macchina. Per creare un progetto, esegui:
4343

4444
```bash
45-
npx create-react-app my-app
46-
cd my-app
45+
npx create-react-app mia-app
46+
cd mia-app
4747
npm start
4848
```
4949

50-
>Note
50+
>Nota
5151
>
52-
>`npx` on the first line is not a typo -- it's a [package runner tool that comes with npm 5.2+](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b).
52+
>`npx` nella prima riga non è un errore di battitura -- è [un esecutore di pacchetti incluso in npm 5.2+](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b).
5353
54-
Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. Under the hood, it uses [Babel](https://babeljs.io/) and [webpack](https://webpack.js.org/), but you don't need to know anything about them.
54+
Create React App non gestisce la logica di backend o i database; crea soltanto una catena di build per il frontend, quindi puoi utilizzarlo con qualsiasi backend. Al suo interno utilizza [Babel](https://babeljs.io/) e [webpack](https://webpack.js.org/), ma non hai bisogno di sapere nulla a tal riguardo.
5555

56-
When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app-) and the [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents).
56+
Quando sei pronto a rilasciare in produzione, esegui il comando `npm run build` e verrà creata una build ottimizzata della tua applicazione nella cartella `build`. Puoi sapere di più su Create React App [leggendo il README](https://github.com/facebookincubator/create-react-app#create-react-app-) e la [Guida per gli Utenti](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents).
5757

5858
### Next.js {#nextjs}
5959

60-
[Next.js](https://nextjs.org/) is a popular and lightweight framework for **static and server‑rendered applications** built with React. It includes **styling and routing solutions** out of the box, and assumes that you're using [Node.js](https://nodejs.org/) as the server environment.
60+
[Next.js](https://nextjs.org/) è un framework popolare e leggero per le **applicazioni statiche e renderizzate lato server** realizzate con React. Include di serie **soluzioni per il routing e l'applicazione degli stili**, e assume che tu stia utilizzando [Node.js](https://nodejs.org/) come ambiente server.
6161

62-
Learn Next.js from [its official guide](https://nextjs.org/learn/).
62+
Impara ad utilizzare Next.js seguendo [la sua guida ufficiale](https://nextjs.org/learn/).
6363

6464
### Gatsby {#gatsby}
6565

66-
[Gatsby](https://www.gatsbyjs.org/) is the best way to create **static websites** with React. It lets you use React components, but outputs pre-rendered HTML and CSS to guarantee the fastest load time.
66+
[Gatsby](https://www.gatsbyjs.org/) è il miglior modo di creare **siti statici** con React. Ti consente di utilizzare componenti React, ma il suo output è costituito interamente da codice HTML e CSS pre-renderizzato, in modo da garantire tempi di caricamento i più rapidi possibile.
6767

68-
Learn Gatsby from [its official guide](https://www.gatsbyjs.org/docs/) and a [gallery of starter kits](https://www.gatsbyjs.org/docs/gatsby-starters/).
68+
Impara ad utilizzare Gatsby dalla [sua guida ufficiale](https://www.gatsbyjs.org/docs/) e da questa [galleria di kit di partenza](https://www.gatsbyjs.org/docs/gatsby-starters/).
6969

70-
### More Flexible Toolchains {#more-flexible-toolchains}
70+
### Toolchains Più Flessibili {#more-flexible-toolchains}
7171

72-
The following toolchains offer more flexiblity and choice. We recommend them to more experienced users:
72+
Le toolchains seguenti offrono più scelta e flessibilità. Le raccomandiamo per gli utenti più esperti:
7373

74-
- **[Neutrino](https://neutrinojs.org/)** combines the power of [webpack](https://webpack.js.org/) with the simplicity of presets, and includes a preset for [React apps](https://neutrinojs.org/packages/react/) and [React components](https://neutrinojs.org/packages/react-components/).
74+
- **[Neutrino](https://neutrinojs.org/)** combina la potenza di [webpack](https://webpack.js.org/) con la semplicità dei presets, e include un preset per le [applicazioni React](https://neutrinojs.org/packages/react/) e per i [componenti React](https://neutrinojs.org/packages/react-components/).
7575

76-
- **[nwb](https://github.com/insin/nwb)** is particularly great for [publishing React components for npm](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb). It [can be used](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb) for creating React apps, too.
76+
- **[nwb](https://github.com/insin/nwb)** è particolarmente valido per [pubblicare componenti React su npm](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb). [Può essere usato](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb) anche per creare applicazioni React.
7777

78-
- **[Parcel](https://parceljs.org/)** is a fast, zero configuration web application bundler that [works with React](https://parceljs.org/recipes.html#react).
78+
- **[Parcel](https://parceljs.org/)** è un builder di applicazioni rapido e senza configurazioni che [funziona con React](https://parceljs.org/recipes.html#react).
7979

80-
- **[Razzle](https://github.com/jaredpalmer/razzle)** is a server-rendering framework that doesn't require any configuration, but offers more flexibility than Next.js.
80+
- **[Razzle](https://github.com/jaredpalmer/razzle)** è un framework di renderizzazione lato server che non ha bisogno di configurazioni, ma offre più flessibilità di Next.js.
8181

82-
## Creating a Toolchain from Scratch {#creating-a-toolchain-from-scratch}
82+
## Creare una Toolchain da Zero {#creating-a-toolchain-from-scratch}
8383

84-
A JavaScript build toolchain typically consists of:
84+
Una toolchain JavaScript di build tipicamente comprende i seguenti strumenti:
8585

86-
* A **package manager**, such as [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/). It lets you take advantage of a vast ecosystem of third-party packages, and easily install or update them.
86+
* Un **gestore di pacchetti**, come [Yarn](https://yarnpkg.com/) o [npm](https://www.npmjs.com/). Ti consente di trarre vantaggio da un vasto ecosistema di pacchetti di terze parti, occupandosi della loro installazione e aggiornamento.
8787

88-
* A **bundler**, such as [webpack](https://webpack.js.org/) or [Parcel](https://parceljs.org/). It lets you write modular code and bundle it together into small packages to optimize load time.
88+
* Un **bundler**, come [webpack](https://webpack.js.org/) o [Parcel](https://parceljs.org/). Ti consente di scrivere codice modulare e racchiuderlo in piccoli pacchetti per ottimizzare i tempi di caricamento.
8989

90-
* A **compiler** such as [Babel](https://babeljs.io/). It lets you write modern JavaScript code that still works in older browsers.
90+
* Un **compilatore** come [Babel](https://babeljs.io/). Ti consente di scrivere codice JavaScript moderno che funziona anche nei vecchi browser.
9191

92-
If you prefer to set up your own JavaScript toolchain from scratch, [check out this guide](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) that re-creates some of the Create React App functionality.
92+
Se preferisci realizzare la tua toolchain JavaScript da zero, [leggi questa guida](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) in cui alcune delle funzionalità di Create React App vengono ricreate.
9393

94-
Don't forget to ensure your custom toolchain [is correctly set up for production](/docs/optimizing-performance.html#use-the-production-build).
94+
Non dimenticarti di controllare che la tua toolchain personalizzata [sia impostata correttamente per la produzione](/docs/optimizing-performance.html#use-the-production-build).

0 commit comments

Comments
 (0)