Web & Frontend
Corso React Completo
Corso da zero su React e il suo ecosistema. Un percorso completo per imparare al meglio le fondamenta di React.
- 14 ore di video
- 64 lezioni
- Intermedio
- Certificato finale

Caricando il video accetti che YouTube (Google Ireland Ltd.) imposti cookie e riceva il tuo indirizzo IP e i dati di navigazione. Informativa di Google · La nostra privacy policy
Descrizione del corso
React ha trasformato il modo in cui sviluppiamo interfacce utente moderne. Questo corso è stato progettato per farti partire da zero, anche se non hai mai utilizzato altri framework JavaScript in precedenza, e portarti a padroneggiare non solo React, ma tutto l'ecosistema che lo circonda.
Inizieremo dalle basi, comprendendo i principi fondamentali di React e come differisce dai metodi tradizionali di sviluppo web. Esploreremo i concetti di Virtual DOM, JSX e il pattern component-based che rende React così potente ed efficiente.
Attraverso esempi pratici e progressivi, imparerai a:
- Creare componenti funzionali
- Utilizzare gli Hooks (useState, useEffect, useContext, useRef, useMemo, useCallback)
- Implementare lo state management
- Gestire le chiamate API e l'asincronia in modo efficace
- Implementare il routing con React Router
- Ottimizzare le performance delle tue applicazioni
- Integrare React con altre librerie e strumenti dell'ecosistema
Programma
12 moduli · 64 lezioni01Introduzione5 lezioni
- Cos'è React e perché è popolare
- Componenti, JSX e reattività
- Setup ambiente di sviluppo
- Prima app React + Tailwind
- Struttura progetto e file principali
02Fondamenti JSX8 lezioni
- JSX: sintassi vs HTML
- Espressioni JavaScript in JSX
- Attributi e props in JSX
- Fragment e React.Fragment
- Rendering condizionale
- Liste e chiavi (keys)
- Eventi in JSX
- Esercizio: Carta prodotto con JSX
03Componenti6 lezioni
- Cosa sono i componenti
- Props: passaggio dati tra componenti
- Children e composizione
- Props drilling e problematiche
- Lifting state up
- Esercizio guidato componenti
04State e Hooks Base6 lezioni
- Concetto di state locale
- useState: gestione stato semplice
- useEffect e dependency array
- Regole degli hooks
- Custom hooks introduzione
- Esercizio: Todo list con local storage
05Eventi e Form4 lezioni
- Event handling e Synthetic Events
- Input controllati e Form base
- Form validation e submission
- Esercizio: Form login/registrazione
06Hooks Avanzati5 lezioni
- useMemo: ottimizzazione calcoli
- React.memo per componenti puri
- useRef: riferimenti DOM
- useCallback: ottimizzazione funzioni
- Esercizio: Search bar con autocomplete
07State Globale React4 lezioni
- useContext: setup e pattern base
- Esempio pratico useContext
- useReducer: quando e come usarlo
- useReducer + useContext
08Routing e Navigazione5 lezioni
- Setup e navigazione base
- Parametri URL
- Nested Routes
- useLocation e useNavigate
- Protezione route e 404
09TypeScript con React2 lezioni
- Perché TypeScript con React
- tsx vs jsx: differenze base
10Ecosistema React6 lezioni
- Siti web: Next.js, Gatsby, Remix
- App mobile: React Native
- Animazioni: Framer Motion
- UI Components: Headless UI, Shadcn
- Form complessi: React Hook Form
- Build e deployment
11Sezione Avanzata3 lezioni
- React Developer Tools
- Dark mode implementation
- Zustand: state manager semplice
12Progetto Finale10 lezioni
- Struttura backend
- Struttura frontend
- Navigazione progetto
- AuthContext implementazione
- Dashboard e servizi API
- Sistema di login
- Dashboard items gestione
- Implementazione modali
- Deploy su Netlify
- Prossimi passi e saluti