React Js - Impara a sviluppare applicazioni Web
- Acquista ora
- Scopri di più
- Discussioni
Introduzione Corso

Cosa imparerai durante il corso
Le vostre FAQ
Update 2024 - Progetto di esempio
Introduzione JSX

Introduzione a JSX
Jsx e Html
Jsx e le Variabili
Code - Jsx e le Variabili
Componenti e Props

1-Introduzione ai Componenti
2-Il primo Componente
3-Le proprieta
4-Approccio con Objects
5-Nested Components
6-Approfondimento sulle props
Code Componenti e Props
Le basi di React : Hooks e Life Cycle

1-Stato di un componente Class vs Hoock
2-Ciclo di vita di un Componente
3-Funzioni Pure, Impure e Sideeffect
4-useState
useState Esempio Coding
5-useState Esempio Checkbox
useState Esempio Checkbox
6-useEffect Esempio Counter
useEffect Esempio Counter
7-useEffect Esempio Checkbox
useEffect Esempio Checkbox
8-Strictmode e Re-rendering
9-Virtual Dom
10-React Puro e Paint Flashing
Installare React

1- Installare Node e altri Strumenti
Costruire un'App React con Vite Js
2- Primo progetto React
3- Gli scripts React
4- Progetti Esterni e Repository
Comandi Installazione Node
Form e Input

Rimandato di 2 giorni

1- Introduzione Form Completo
Form Input Start Kit Coding
2- Form e UiHeader
3- Input Text
4- Textarea
5- Select
6- Checkbox e GroupCheckbox
7- Radio e GroupRadio
8- UploadFile e Selectfile
9- Buttons
10- Validazione considerazioni finali
Progetto Form Completo Coding
React Router

Rimandato di 3 giorni

1-Introduzione al Capitolo React Router
2-Il codice Sorgente
Codice Sorgente React Router
3-Installare React Router e primo componente
4-Creazione Pagine
5-Configurazione delle Route e Elementi Condivisi
6-Link visitati e 404 Not Found
7-Outlet Component e useLocation
8-Navigazione e useNavigate
9-Route Dynamic e useParams
10-Parametri di Ricerca e useSearchParams
11-Pagine Private e Login Fake
Http Service - Call API

Rimandato di 3 giorni

1- Introduzione al Capitolo Api Service
Codice Sorgente Http Service - Call API
2- Refactoring Componenti e Pages
3- Json Server e Prima Fetch
4- Installiamo Axios e prima Get
5- Login 1 Json Server e Autenticazione
6- Login 2 Refactoring Form
7- Login 3 Servizio Post
8- Login 4 Pagine Private verifica del Token
9- Async Await
10- Strutturare Servizi professionalmente
11- Strutturare Servizi e Url
12- Conclusioni Finali
State Manager: Context

Rimandato di 6 giorni

Codice Sorgente - State Manager: Context
1- Introduzione al Capitolo Context
2- Configurazione del Context
3- Leggere e Scrivere nel Context
4- Refresh della pagina
5- Logout e Reset dello Stato
6- Re-rendering dei Componenti con Context
7- Il reducer
8- Utilizziamo reducer e dispatch
9-Reducer Ottimizzazione del Codice
10- Esercizio Parte 1 - Note Utente
11- Esercizio Parte 2 - Note Utente
State Manager: Redux

Rimandato di 7 giorni

Codice Sorgente - State Manager: Redux
1- Introduzione a Redux.mp4
2-Inizializzazione Reducer.mp4
3-Installiamo e Configuriamo Redux
5-Scrivere nello stato Redux.mp4
4-Struttura e Componenti
6-Leggere dallo stato Redux con i Selectors
7-Leggere dallo stato Redux com mapStateToProps
8-Approfondimento Re-Rendering.mp4
Deploy Application con React

Ottimizzare l'Applicazione per la Produzione
Build dell'Applicazione
Scegliere una Piattaforma di Hosting
Configurare il Deploy
Testare l'Applicazione Dopo il Deploy
Aggiornamenti e Manutenzione
Esercizi con React Js

Esercizio Hook-useFetch
Code - Esercizio Hook-useFetch
Soluzione Hook-useFetch
Esercizio Hook-useLocalStorage
Code - Esercizio Hook-useLocalStorage
SoluzioneHook-useLocalStorage
Consigli su Esercizi da provare per fare pratica

1-Introduzione ai Componenti

Schema Ciclo di Vita di un Componente:

https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/