Salta al contenuto
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

Programma

12 moduli · 64 lezioni
01Introduzione
  1. Cos'è React e perché è popolare
  2. Componenti, JSX e reattività
  3. Setup ambiente di sviluppo
  4. Prima app React + Tailwind
  5. Struttura progetto e file principali
02Fondamenti JSX
  1. JSX: sintassi vs HTML
  2. Espressioni JavaScript in JSX
  3. Attributi e props in JSX
  4. Fragment e React.Fragment
  5. Rendering condizionale
  6. Liste e chiavi (keys)
  7. Eventi in JSX
  8. Esercizio: Carta prodotto con JSX
03Componenti
  1. Cosa sono i componenti
  2. Props: passaggio dati tra componenti
  3. Children e composizione
  4. Props drilling e problematiche
  5. Lifting state up
  6. Esercizio guidato componenti
04State e Hooks Base
  1. Concetto di state locale
  2. useState: gestione stato semplice
  3. useEffect e dependency array
  4. Regole degli hooks
  5. Custom hooks introduzione
  6. Esercizio: Todo list con local storage
05Eventi e Form
  1. Event handling e Synthetic Events
  2. Input controllati e Form base
  3. Form validation e submission
  4. Esercizio: Form login/registrazione
06Hooks Avanzati
  1. useMemo: ottimizzazione calcoli
  2. React.memo per componenti puri
  3. useRef: riferimenti DOM
  4. useCallback: ottimizzazione funzioni
  5. Esercizio: Search bar con autocomplete
07State Globale React
  1. useContext: setup e pattern base
  2. Esempio pratico useContext
  3. useReducer: quando e come usarlo
  4. useReducer + useContext
08Routing e Navigazione
  1. Setup e navigazione base
  2. Parametri URL
  3. Nested Routes
  4. useLocation e useNavigate
  5. Protezione route e 404
09TypeScript con React
  1. Perché TypeScript con React
  2. tsx vs jsx: differenze base
10Ecosistema React
  1. Siti web: Next.js, Gatsby, Remix
  2. App mobile: React Native
  3. Animazioni: Framer Motion
  4. UI Components: Headless UI, Shadcn
  5. Form complessi: React Hook Form
  6. Build e deployment
11Sezione Avanzata
  1. React Developer Tools
  2. Dark mode implementation
  3. Zustand: state manager semplice
12Progetto Finale
  1. Struttura backend
  2. Struttura frontend
  3. Navigazione progetto
  4. AuthContext implementazione
  5. Dashboard e servizi API
  6. Sistema di login
  7. Dashboard items gestione
  8. Implementazione modali
  9. Deploy su Netlify
  10. Prossimi passi e saluti

Requisiti

Necessari

  • HTML
  • CSS
  • JavaScript

Consigliati

  • Tailwind CSS
  • Node.js