diff --git a/.gitignore b/.gitignore
index d8bec488b..7e596b3aa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,3 +36,6 @@ yarn-error.log*
# external fonts
public/fonts/**/Optimistic_*.woff2
+
+# typegen files
+*.typegen.ts
\ No newline at end of file
diff --git a/README.md b/README.md
index 4097e6099..0e99d2c5c 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ This repo contains the source code and documentation powering [it.reactjs.org](h
# ⚠ Beta Website ⚠
We are currently transitioning our translation efforts to the new website that is currently in [Beta](https://github.com/reactjs/reactjs.org/issues/4135).
-We are early stages and still setting up everything, all the previous translation efforts are stopped.
+We are early stages and still setting up everything, all the previous translation efforts are stopped.
Nothing is lost, all the translated content will be archived.
@@ -26,11 +26,11 @@ As usual you can follow the progress [here (#1)](https://github.com/reactjs/it.r
1. Node: any 12.x version starting with v12.0.0 or greater
1. Yarn: See [Yarn website for installation instructions](https://yarnpkg.com/lang/en/docs/install/)
1. A fork of the repo (for any contributions)
-1. A clone of the [react.dev repo](https://github.com/reactjs/react.dev) on your local machine
+1. A clone of the [it.react.dev repo](https://github.com/reactjs/it.react.dev) on your local machine
### Installation
-1. `cd react.dev` to go into the project root
+1. `cd it.react.dev` to go into the project root
3. `yarn` to install the website's npm dependencies
### Running locally
@@ -67,7 +67,7 @@ The documentation is divided into several sections with a different tone and pur
1. `git add -A && git commit -m "My message"` (replacing `My message` with a commit message, such as `Fix header logo on Android`) to stage and commit your changes
1. `git push my-fork-name the-name-of-my-branch`
-1. Go to the [react.dev repo](https://github.com/reactjs/react.dev) and you should see recently pushed branches.
+1. Go to the [it.react.dev repo](https://github.com/reactjs/it.react.dev) and you should see recently pushed branches.
1. Follow GitHub's instructions.
1. If possible, include screenshots of visual changes. A preview build is triggered after your changes are pushed to GitHub.
diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx
index 677899eec..3f033252d 100644
--- a/src/components/Layout/Footer.tsx
+++ b/src/components/Layout/Footer.tsx
@@ -286,50 +286,54 @@ export function Footer() {
- Learn React
+ Impara React
Quick Start
- Installation
+ Installazione
- Describing the UI
+ Descrivere la UI
- Adding Interactivity
+ Aggiungere Interattività
+
+
+ Gestione dello State
+
+
+ Uscite di Emergenza
- Managing State
- Escape Hatches
- API Reference
+ API di Riferimento
React APIsReact DOM APIs
- Community
+ Comunità
- Code of Conduct
+ Codice di Condotta
- Meet the Team
+ Incontra il Team
- Docs Contributors
+ Collaboratori Docs
- Acknowledgements
+ Riconoscimenti
- More
+ Di PiùBlogReact Native
Privacy
- Terms
+ Termini
- The library for web and native user interfaces
+ La libreria per le interfacce utente web e native
- Learn React
+ label="Impara React">
+ Impara React
- API Reference
+ label="API di Riferimento">
+ API di Riferimento
- Create user interfaces from components
+ Crea interfacce utente dai componenti
- React lets you build user interfaces out of individual pieces
- called components. Create your own React components like{' '}
- Thumbnail, LikeButton, and{' '}
- Video. Then combine them into entire screens, pages,
- and apps.
+ React ti permette di creare interfacce utente a partire da
+ componenti individuali. Crea i tuoi componenti React come{' '}
+ Thumbnail, LikeButton, e{' '}
+ Video. Poi combinali per creare interfacce, pagine ed
+ app.
@@ -169,22 +169,22 @@ export function HomeContent() {
- Whether you work on your own or with thousands of other
- developers, using React feels the same. It is designed to let you
- seamlessly combine components written by independent people,
- teams, and organizations.
+ Sia che lavoriate in solitaria o con migliaia di altri
+ sviluppatori, utilizzare React è sempre lo stesso. È stato
+ progettato per permettervi di combinare facilmente componenti
+ scritti da persone, team e organizzazioni indipendenti.
- Write components with code and markup
+ Scrivi componenti con logica e markup
- React components are JavaScript functions. Want to show some
- content conditionally? Use an if statement.
- Displaying a list? Try array map(). Learning React is
- learning programming.
+ I componenti React sono funzioni JavaScript. Vuoi mostrare del
+ contenuto in modo condizionale? Usa un if. Vuoi
+ mostrare una lista? Prova map(). Imparare React è
+ imparare a programmare.
@@ -192,22 +192,22 @@ export function HomeContent() {
- This markup syntax is called JSX. It is a JavaScript syntax
- extension popularized by React. Putting JSX markup close to
- related rendering logic makes React components easy to create,
- maintain, and delete.
+ Questa sintassi di markup è chiamata JSX. È una sintassi
+ JavaScript estesa popularizzata da React. Mettere JSX markup
+ vicino alla logica di rendering relativa rende i componenti React
+ facili da creare, mantenere e cancellare.
- Add interactivity wherever you need it
+ Aggiungi interattività ovunque tu abbia bisogno
- React components receive data and return what should appear on the
- screen. You can pass them new data in response to an interaction,
- like when the user types into an input. React will then update the
- screen to match the new data.
+ I componenti React ricevono dati e ritornano quello che dovrebbe
+ apparire sullo schermo. Puoi passargli nuovi dati in risposta ad
+ una interazione, come quando l'utente digita in un input.
+ React aggiornerà lo schermo per corrispondere ai nuovi dati.
@@ -215,16 +215,16 @@ export function HomeContent() {
- You don’t have to build your whole page in React. Add React to
- your existing HTML page, and render interactive React components
- anywhere on it.
+ Non devi costruire tutta la tua pagina in React. Aggiungi React
+ alla tua pagina HTML esistente e renderizza componenti React
+ interattivi ovunque.
- Add React to your page
+ Aggiungi React alla tua pagina
@@ -233,14 +233,14 @@ export function HomeContent() {
- Go full-stack
- with a framework
+ Vai full-stack
+ con un framework
- React is a library. It lets you put components together, but it
- doesn’t prescribe how to do routing and data fetching. To build an
- entire app with React, we recommend a full-stack React framework
- like Next.js or{' '}
+ React è una libreria. Ti permette di mettere insieme componenti,
+ ma non prescrive come fare routing e data fetching. Per costruire
+ un'applicazione intera con React, ti consigliamo un framework
+ full-stack come Next.js o{' '}
Remix.
@@ -249,17 +249,18 @@ export function HomeContent() {
- React is also an architecture. Frameworks that implement it let
- you fetch data in asynchronous components that run on the server
- or even during the build. Read data from a file or a database, and
- pass it down to your interactive components.
+ React è anche un'architettura. I framework che la
+ implementano ti permettono di recuperare dati in componenti
+ asincroni che funzionano sul server o addirittura durante la
+ compilazione. Leggi dati da un file o un database e passali ai
+ tuoi componenti interattivi.
- Get started with a framework
+ Inizia con un framework
@@ -267,12 +268,13 @@ export function HomeContent() {
- Use the best from every platform
+ Usa il meglio di ogni piattaforma
- People love web and native apps for different reasons. React
- lets you build both web apps and native apps using the same
- skills. It leans upon each platform’s unique strengths to let
- your interfaces feel just right on every platform.
+ Le persone amano le app web e native per motivi diversi. React
+ ti permette di creare app web e native utilizzando le stesse
+ competenze. Si basa sulle forze uniche di ogni piattaforma per
+ far sentire le tue interfacce proprio come dovrebbero su ogni
+ piattaforma.
@@ -286,15 +288,17 @@ export function HomeContent() {
- Stay true to the web
+ Adatta la tua app web
- People expect web app pages to load fast. On the server,
- React lets you start streaming HTML while you’re still
- fetching data, progressively filling in the remaining
- content before any JavaScript code loads. On the client,
- React can use standard web APIs to keep your UI
- responsive even in the middle of rendering.
+ Le persone si aspettano che le pagine delle app web
+ carichino velocemente. Sul server, React ti permette di
+ iniziare a inviare HTML mentre stai ancora recuperando i
+ dati, riempiendo progressivamente il contenuto rimanente
+ prima che venga caricato alcun codice JavaScript. Sul
+ client, React può utilizzare le API standard del web per
+ mantenere la tua interfaccia utente reattiva anche
+ durante il rendering.
@@ -372,21 +376,21 @@ export function HomeContent() {
- Go truly native
+ Vai veramente nativo
- People expect native apps to look and feel like their
- platform.{' '}
+ Le persone si aspettano che le app native si
+ comportino come la piattaforma d'origine.{' '}
React Native
{' '}
- and{' '}
+ e{' '}
Expo{' '}
- let you build apps in React for Android, iOS, and
- more. They look and feel native because their UIs{' '}
- are truly native. It’s not a web view—your
- React components render real Android and iOS views
- provided by the platform.
+ ti permettono di creare app in React per Android, iOS
+ e molto altro. Sono native perché le loro UI{' '}
+ sono veramente native. Non è una web view, i
+ tuoi componenti React vengono renderizzati come veri
+ componenti Android e iOS forniti dalla piattaforma.
@@ -396,14 +400,15 @@ export function HomeContent() {
- With React, you can be a web and a native developer. Your
- team can ship to many platforms without sacrificing the user
- experience. Your organization can bridge the platform silos, and
- form teams that own entire features end-to-end.
+ Con React, puoi essere uno sviluppatore web e nativo. Il
+ tuo team può rilasciare su molte piattaforme senza sacrificare
+ l'esperienza utente. La tua organizzazione può superare le
+ barriere tra le piattaforme, e formare team che possiedono
+ intere funzionalità end-to-end.
- Build for native platforms
+ Crea per piattaforme native
@@ -414,23 +419,24 @@ export function HomeContent() {
- Upgrade when the future is ready
+ Aggiorna quando il futuro è pronto
- React approaches changes with care. Every React commit is
- tested on business-critical surfaces with over a billion
- users. Over 100,000 React components at Meta help validate
- every migration strategy.
+ React approccia i cambiamenti con cautela. Ogni commit di
+ React viene testato su superfici critiche per il business con
+ oltre un miliardo di utenti. Più di 100.000 componenti React
+ di Meta aiutano a validare ogni strategia di migrazione.
- The React team is always researching how to improve React.
- Some research takes years to pay off. React has a high bar
- for taking a research idea into production. Only proven
- approaches become a part of React.
+ Il team di React è sempre alla ricerca di modi per
+ migliorare React. Alcune ricerche richiedono anni per dare i
+ loro frutti. React ha un alto livello di qualità per
+ prendere in considerazione un'idea di ricerca per la
+ produzione. Solo approcci provati diventano parte di React.
- Read more React news
+ Leggi le ultime notizie su React
@@ -438,7 +444,7 @@ export function HomeContent() {
- Latest React News
+ Ultime notizie su React
@@ -456,7 +462,7 @@ export function HomeContent() {
- Read more React news
+ Leggi altre notizie su React
@@ -469,13 +475,14 @@ export function HomeContent() {
- Join a community
- of millions
+ Accedi a una comunità
+
+ di milioni
- You’re not alone. Two million developers from all over the
- world visit the React docs every month. React is something
- that people and teams can agree on.
+ Non sei solo. Due milioni di sviluppatori da tutto il mondo
+ visitano la documentazione di React ogni mese. React è
+ qualcosa che le persone ed i team possono trovare accordo.
@@ -483,13 +490,14 @@ export function HomeContent() {
- This is why React is more than a library, an architecture, or
- even an ecosystem. React is a community. It’s a place where
- you can ask for help, find opportunities, and meet new
- friends. You will meet both developers and designers,
- beginners and experts, researchers and artists, teachers and
- students. Our backgrounds may be very different, but React
- lets us all create user interfaces together.
+ Ecco perché React è molto di più di una libreria,
+ un'architettura o un ecosistema. React è una comunità. È
+ un luogo dove puoi chiedere aiuto, trovare opportunità e
+ incontrare nuovi amici. Incontrerai sia sviluppatori che
+ designer, principianti e esperti, ricercatori e artisti,
+ insegnanti e studenti. Le nostre esperienze possono essere
+ molto diverse, ma React ci permette di creare interfacce
+ utente insieme.
@@ -498,15 +506,15 @@ export function HomeContent() {
- Welcome to the
- React community
+ Benvenuto nella
+ comunità React
- Get Started
+ label="Inizia il Tutorial">
+ Inizia qui
diff --git a/src/components/Layout/TopNav/TopNav.tsx b/src/components/Layout/TopNav/TopNav.tsx
index 23860a16f..7043dbdf5 100644
--- a/src/components/Layout/TopNav/TopNav.tsx
+++ b/src/components/Layout/TopNav/TopNav.tsx
@@ -268,7 +268,7 @@ export default function TopNav({
)}
onClick={onOpenSearch}>
- Search
+ Cerca
⌘
@@ -281,15 +281,15 @@ export default function TopNav({
- Learn
+ Impara
- Reference
+ Riferimento
- Community
+ Comunità
Blog
diff --git a/src/components/Seo.tsx b/src/components/Seo.tsx
index e76df63e2..25e919d1d 100644
--- a/src/components/Seo.tsx
+++ b/src/components/Seo.tsx
@@ -42,7 +42,7 @@ function getDomain(languageCode: string): string {
export const Seo = withRouter(
({
title,
- description = 'The library for web and native user interfaces',
+ description = 'La libreria per le interfacce utente web e native',
image = '/images/og-default.png',
router,
children,
diff --git a/src/components/SocialBanner.tsx b/src/components/SocialBanner.tsx
index 826119c14..992b9e608 100644
--- a/src/components/SocialBanner.tsx
+++ b/src/components/SocialBanner.tsx
@@ -7,9 +7,9 @@ import {useRef, useEffect} from 'react';
import cn from 'classnames';
import {ExternalLink} from './ExternalLink';
-const bannerText = 'Support Ukraine 🇺🇦';
+const bannerText = "Supporta l'Ucraina 🇺🇦";
const bannerLink = 'https://opensource.fb.com/support-ukraine';
-const bannerLinkText = 'Help Provide Humanitarian Aid to Ukraine';
+const bannerLinkText = "Aiuta a fornire aiuto umanitario all'Ucraina";
export default function SocialBanner() {
const ref = useRef(null);
diff --git a/src/content/index.md b/src/content/index.md
index 0ef5df597..4cc413dca 100644
--- a/src/content/index.md
+++ b/src/content/index.md
@@ -1,6 +1,6 @@
---
id: home
-title: React – The library for web and native user interfaces
+title: React – La libreria per le interfacce utente web e native
permalink: index.html
---