React JS Tutorial ITA - Creare e pubblicare un sito Corso rapido per principianti. Guida in ITALIANO

Creiamo insieme una vera Pagina Web con React JS e pubblichiamola Online! React è il Framework più utilizzato al mondo per lo sviluppo Frontend di pagine Interattive.

👩🏻‍💻 Diventa Web Developer con Epicode!

📌 PARTITA IVA con Fiscozen: consulenza GRATIS e 50€ di sconto ⏩

🔖 Acquista il mio corso Python per Principianti a Prezzo Scontato!

INDICE DEI CONTENUTI:
00:00 Cosa realizzeremo in questo video!
01:00 In questa serie: Creiamo un sito dal front end al back end!
01:54 Scaricare e installare React JS
04:10 Prime modifiche alla nostra prima App React
05:12 Il codice JSX: differenze rispetto all'HTML
06:27 Panoramica dei file React e del loro funzionamento
11:37 Importare il framework Bootstrap in React
14:00 Aggiungere una Barra di Navigazione da Bootstrap
16:50 Creare un Componente React per la Barra di Navigazione
20:08 Il JSX Fragment: come inserire più elementi nella Return
22:12 Aggiungere un Componente Card da Bootstrap
24:22 Importare immagini sui componenti React
25:32 Usare variabili e codice Javascript nel JSX
27:41 La prop Style: Come definire proprietà CSS nel JSX
31:48 Differenze tra Class Component e Function Component
34:11 Le Props: Passare dati da Componente padre a figlio
37:44 Lo State: Come gestire lo stato dei Class Component
38:30 Creare Componenti ciclicamente nel JSX
42:32 Eseguire una Funzione al Click di un Bottone
44:15 Come aggiornare lo State con setState
45:40 Eseguire una Funzione del Componente Padre da un Evento Figlio
46:50 onClick: Come eseguire una Funzione su React
48:22 Passare un Argomento a una Funzione Prop
50:05 Implementare un contatore di Click
55:28 Possibili aggiunte e miglioramenti
55:46 Come pubblicare la pagina web su internet

Sito NodeJS

Sito Bootstrap:

Scarica la cartella "images" usata in questo tutorial:

Sito Firebase:

Tutorial rapido Javascript:

Video Precedente: Bootstrap:

""" React tutorial italiano, questo è un react tutorial ita sulle single page application. Un corso react italiano. In questo react tutorial ita vedremo react cos'è. Questo video mostrerà come iniziare con react guida react jse capiremo ogni componente react come funziona e anche come installare react download. La localizzazione del video è react italia e react italiano, e nei prossimi video vedremo come creare un sito web con react django mysql fullstack, frontend e backend. Come si usa react e cos'è react lo vedremo in questo corso react per principianti su come programmare front end e back end e full stack """

[andreaceccato]

Fantastico! Molto utile!
Ora l'inizializzazione del componet App avviene in maniera leggermente diversa (in versione 18.2.0).
il metodo render() non appartiene alla classe ReactDOM:
bisogna creare prima l'oggetto root con il metodo createRoot() di ReactDOM, ed a questo applicare il metodo render() che accetta solo un parametro
...
const root =
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);

[andrecraft]

MEGLIO GUARDARE UNA PERSONA STRA SUPER MEGA BRAVA (pitoneprogrammatore) o CREARE
4 ORE
10 ORE DOPO....
100% FULL BRAIN....
ADESSO MI GUARDO TUTTI I VIDEO DAL PRIMO ALL'ULTIMO DI QUESTO CANALEEEE.
MI STO GIA PREPARANDO XD

[robertgirdea]

Ciao, sei riuscito a tenermi incollato per 1:02:06, davvero meraviglioso!
Se volessi continuare con la serie di REACT, credo che non sarei l'unico ad apprezzarlo e saremmo PRONTI a sostenerti!

Sarebbe magnifico se potessi anche mostrare un po' di backend in qualche serie!
Alla grandeee!😎😎

[DearSamaritan]

Grandissimo, sono uno sviluppatore esperto, ma alle prime armi con React. Sei uno dei pochi che non fa addormentare!!! Continua così

[Dadetmoon]

Sta uscendo veramente una bella serie 🔥🔥

[streemix]

Si ma il tutorial intermedio del Python😹😹?Comunque bravissimo spieghi veramente bene, continua così Complimenti

[Seba.V]

Complimenti! Hai un dono fantastico, che è quello di spiegare bene e in modo chiaro, la miglior serie di video di questo genere!
Bravissimo anche dal punto di vista del montaggio 👏👏👏

[robertocarriero]

Un solo appunto: usa una solo pronuncia di component ovvero quella con l'accento sulla seconda 'o' come da pronuncia inglese.

[simoseri]

Puoi fare un video in cui crei un gioco con Java? (Magari con unity)

[kristijanborriellokurtic]

Per me non esiste miglior modo di spiegare un linguaggio, ovvero affrontando contesti reali, grazie pitone programmatore sei sempre il TOP!

[auroraruggieri]

Ciao, ti ringrazio per questo bellissimo tutorial in cui introduci React alla grande, mi piacerebbe se potessi fare un altro tutorial React utilizzando altre caratteristiche. Complimenti per come spieghi bene, hai un tono radiofonico da speaker e sei anche molto simpatico!👏👏👏

[ouruniverse]

Bellissimo video, fai anche un tutorial di unity con Java?

[giacomo]

Potresti portare anche flutter ? Sarebbe molto interessante. Complimenti continua così 💪🏻

[domenicodinicola]

molto ben spiegato, dovresti aggiornarlo per usare hooks e rimanere con i functional components!

[hanitarek]

15:46 ma come fai ad modificare più cose allo stesso tempo?
-grazie

gran bel video

[robertocarriero]

Hai intenzione di lasciare i sorgenti magari su Github? Sarebbe bello averli davanti per analizzarli al meglio...

[giovannivalastro]

Scusami ho provato a fare il deploy su firebase ma se vado sul sito compare questo messaggio : Welcome
Firebase Hosting Setup Complete

You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
Potresti dirmi come posso risolvere?

[riccardopogliacomi]

Io sarei molto felice di vedere un video su electron.
Comunque bellissimo questo video🤩

[Jollanza]

ME LO SON SALVATO IN PLAYLIST PER GUARDARLO DOMANI APPENA HO TEMPO, GUAI A TE SE CANCELLI IL VIDEO

...a parte gli scherzi, grazie Pitone! utilissimo come sempre!

[iprodisempre]

Se puoi porta anche un video sul PHP e MySQL