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 APIs React 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ù Blog React 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 ---