Impara e pratica React

Un corso di React per imparare React con un tutorial di React js: da JSX agli hook, alla gestione dello stato e alle app, con anteprime in tempo reale sul telefono. Livelli A1–C1, 88 corsi, 324 lezioni interattive e 22 lingue.

SCRIVI CODICE SUL TELEFONO

• IDE/editor JSX: leggi, scrivi codice, esegui, guarda l’anteprima live. Senza PC né configurazione.

• ReactDOM/Babel integrati: esecuzione sul dispositivo, senza server.

• Progetti con più file, import di componenti, pulsanti e moduli interattivi.

IL LABORATORIO

• Hooks Lab: cambi di stato e nuovi rendering in tempo reale.

• Props knobs: cursori per le prop.

• Profiler di rendering/cronologia dello stato (Pro): cosa è stato renderizzato di nuovo e perché; scorri gli stati.

PASSO DOPO PASSO, DA PRINCIPIANTE AD AVANZATO

• JSX, componenti, prop, stato, eventi, liste/chiavi, rendering condizionale

• useState, useEffect, useRef, useReducer, hook personalizzati, useLayoutEffect e altro

• Moduli/validazione, React Hook Form, input controllati e non controllati

• Context, Redux Toolkit/RTK Query, Zustand, Jotai

• React Router, recupero dati, TanStack Query, SWR, UI ottimistica

• TypeScript, test, Storybook, accessibilità, sicurezza

• Memoizzazione, suddivisione del codice, Suspense, transizioni, liste virtualizzate

• React 19, Server Components, SSR/idratazione, streaming

• Next.js App Router, recupero dati, autenticazione

• Basi di React native per sviluppatori web

• Deployment, micro-frontend, module federation

CREA PROGETTI REALI

20 progetti guidati per imparare React: pulsante Mi piace, schede profilo, calcolatore di mance, quiz, cronometro, modulo d’iscrizione, carrello, carosello di immagini, lista paginata, app di cose da fare e altro. Ogni passaggio verifica il funzionamento del componente.

ESERCITATI FINCHÉ NON TI RESTA IN MENTE

• 30 missioni per imparare React: facili/medie/difficili; hook, rendering, moduli, context, prestazioni.

• UI Match: ricrea i modelli; punteggi per struttura/stile/testo.

• Bug Hunt: trova e correggi bug nei componenti.

• Component Recall: ripristina il codice mancante dei componenti con la ripetizione dilazionata.

• 50 domande a quiz; 50 domande da colloquio; prontuario.

• Sfida giornaliera, serie di giorni consecutivi, XP, classifica.

MENTORE IA (Pro)

Spiegazioni IA, revisioni del codice, correzioni suggerite, lezioni personalizzate su qualsiasi argomento.

CERTIFICATO (Pro)

Supera l’esame finale per ottenere un certificato da condividere.

A CHI SI RIVOLGE

• Principianti con qualche conoscenza di HTML, CSS o JavaScript

• Sviluppatori che cambiano framework in poco tempo

• Chi si prepara a colloqui da sviluppatore frontend

• Autodidatti che creano un portfolio di progetti

GRATIS E Pro

Gratis: primo corso di React, un progetto guidato, 2 missioni di programmazione, editor/anteprima live, Hooks Lab, Props knobs, Bug Hunt, 3 verifiche UI Match al giorno; con pubblicità.

Pro: tutti gli 88 corsi, tutti i progetti e le missioni, mentore IA, profiler di rendering/cronologia dello stato, esame per il certificato; senza pubblicità.

I marchi citati appartengono ai rispettivi titolari. App didattica indipendente, non affiliata né approvata dai titolari dei marchi.

Informativa sulla privacy: https://www.coddykit.com/terms/privacy-policy