You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
12
12
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:
14
14
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.
20
20
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**.
22
22
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}
24
24
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).
26
26
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!
The React team primarily recommends these solutions:
31
+
Il team di React raccomanda prima di tutto queste soluzioni:
32
32
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).
37
37
38
38
### Create React App {#create-react-app}
39
39
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.
41
41
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:
43
43
44
44
```bash
45
-
npx create-react-app my-app
46
-
cdmy-app
45
+
npx create-react-app mia-app
46
+
cdmia-app
47
47
npm start
48
48
```
49
49
50
-
>Note
50
+
>Nota
51
51
>
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).
53
53
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.
55
55
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).
57
57
58
58
### Next.js {#nextjs}
59
59
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.
61
61
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/).
63
63
64
64
### Gatsby {#gatsby}
65
65
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.
67
67
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/).
69
69
70
-
### More Flexible Toolchains {#more-flexible-toolchains}
70
+
### Toolchains Più Flessibili {#more-flexible-toolchains}
71
71
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:
73
73
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/).
75
75
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.
77
77
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).
79
79
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.
81
81
82
-
## Creating a Toolchain from Scratch {#creating-a-toolchain-from-scratch}
82
+
## Creare una Toolchain da Zero {#creating-a-toolchain-from-scratch}
83
83
84
-
A JavaScript build toolchain typically consists of:
84
+
Una toolchain JavaScript di build tipicamente comprende i seguenti strumenti:
85
85
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.
87
87
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.
89
89
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.
91
91
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.
93
93
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