React Native: Learn & Practice

Impara React Native attraverso brevi spiegazioni, esempi di codice pratici e piccole sfide. Esplora 148 lezioni suddivise in 10 moduli, apri un esempio nell'ambiente di sviluppo e modificalo per capire come funziona l'interfaccia.

Un percorso chiaro dalle basi alla pratica

Inizia con testo, viste, variabili, componenti, immagini e stili. Prosegui con layout Flexbox, moduli, input di testo, pulsanti, interazioni touch, scorrimento ed elenchi. I moduli successivi introducono hook, componenti riutilizzabili, gestione dello stato, concetti di performance, layout responsive e progetti pratici.

Leggi l'idea prima di modificare

Ogni lezione include un obiettivo, una panoramica in linguaggio semplice, concetti chiave, codice, suggerimenti pratici, una piccola sfida e domande di autovalutazione. Visualizza l'esempio insieme alla sua spiegazione, quindi apri la versione modificabile quando sei pronto a sperimentare. Le etichette Principiante, Intermedio e Avanzato ti aiutano a capire dove si colloca ogni argomento nel corso.

Prova le tue modifiche

Usa l'editor JavaScript e JSX integrato per modificare testo, valori, stili e comportamento dei componenti. L'evidenziazione della sintassi e la numerazione delle righe rendono gli esempi più facili da seguire. Annulla e Ripristina ti aiutano a esplorare le modifiche, mentre Reimposta codice ripristina l'esempio iniziale. Tocca Esegui app per aprire l'anteprima nell'app, quindi torna alla modifica per un altro tentativo.

Esplora modelli utili

Studia input controllati, convalida dei moduli, visibilità della password, contatori di caratteri, filtri di elenco, elementi selezionabili e stati vuoti. Esercitati con contatori, timer, un orologio in tempo reale, un convertitore di temperatura, un calcolatore di mance, schede, un fisarmonica, semplici schede a schede e una mini lista di cose da fare. Questi sono esempi didattici che ti permettono di esaminare come piccoli elementi di un'interfaccia si integrano tra loro.

Trova la lezione che ti serve

Cerca i titoli delle lezioni o filtra la libreria per modulo. Passa da tutte le lezioni, alle lezioni in corso, ai preferiti salvati e alle lezioni completate. Usa i controlli Precedente e Successivo o scorri tra le lezioni. Quando apri una lezione da una libreria filtrata, la navigazione segue la selezione in modo da poter rimanere con gli argomenti che hai scelto.

Tieni traccia del tuo apprendimento

Aggiungi le lezioni ai segnalibri per ripassarle e contrassegnale come completate quando sei pronto. La schermata iniziale mostra i progressi del corso, il numero di lezioni completate e salvate e la serie di studio. Riprendi l'ultima lezione o continua con l'argomento successivo non terminato. I progressi e i segnalibri vengono salvati localmente sul tuo dispositivo.

Torna ai tuoi esperimenti

L'esecuzione di un esempio salva il codice come bozza locale per quella lezione. Riapri l'area di lavoro per ripristinare la bozza o reimpostala per tornare al codice originale. Questo semplifica la ripresa di un'idea dopo una pausa senza dover ricominciare da capo.

Scegli un aspetto confortevole

Seleziona la modalità chiara, la modalità scura o il tema di sistema per l'interfaccia di apprendimento. Leggi un concetto, esamina il codice, apporta una modifica mirata e usa la sfida per esercitarti ad applicarla.

Progettato per studenti, principianti interessati alla programmazione e sviluppatori che ripassano i concetti di interfaccia mobile. Gli esempi vengono eseguiti in un'anteprima basata sul web; le API e il comportamento specifici della piattaforma possono differire da un'app nativa. L'app contiene pubblicità. App educativa indipendente; non affiliata né approvata dal progetto React Native.