К содержанию

Tutorial Principale di React

Tutorial sul framework JavaScript React. Per principianti. Tanta teoria ed esercizi.

Уроки

Introduzione al framework React

Installazione del Framework React

Installazione del plugin react-devtools

Introduzione all'approccio a componenti in React

Layout del sito del framework React

Risultato del lavoro del componente

Linguaggio JSX

Introduzione al linguaggio JSX in React

Ritorno di tag JSX annidati da funzioni

Regole di ritorno di una funzione quando si sposta un tag in basso in JSX

Caratteristiche del ritorno di più tag in JSX

Ritorno di un tag JSX non chiuso

Restituire un tag vuoto da una funzione in JSX

Inserimento di valori di variabili e costanti in JSX

Sfumature nell'inserimento dei valori delle variabili

Inserimento di array in JSX

Inserimento di oggetti in JSX

Inserimento di variabili e costanti negli attributi dei tag in JSX

Memorizzazione di tag in variabili e costanti JSX

Caratteristiche della memorizzazione di più tag in costanti JSX

Tag su righe diverse in JSX

Ritorno di tag tramite return in JSX

Chiusura dei tag JSX

Correttezza del Markup in React

Esecuzione del codice JavaScript

Condizioni

Utilizzo delle condizioni in JSX

Visualizzazione Condizionale in React

Condizioni per restituire un tag in JSX

Operatore Ternario in JSX

Utilizzo dell'operatore && in JSX

Inversione per condizioni abbreviate in JSX

Funzioni

Utilizzo delle funzioni in React

Chiamare funzioni all'interno dei tag in React

Aggiunta di eventi in JSX

Parametri nelle funzioni JSX

L'oggetto Event in React

Oggetto Event nella trasmissione di parametri

Formazione dei Tag

Tag negli array JSX

Creazione di un array di tag in un ciclo React

Creazione di tag da un array di dati in React

Chiavi univoche nell'array di tag in React

Visualizzazione di un array di oggetti in React

Chiavi univoche tramite id in React

Visualizzazione di un array di oggetti come tabella HTML in React

ID univoci

Discussione sugli id univoci in React

Problemi con i nuovi id in React

Stringhe casuali per id in React

Generazione di id in React

Funzione per generare id in React

Utilizzo della funzione id in React

Utilizzo improprio della funzione id in React

Stati

Introduzione agli State in React

Utilizzo degli State in React

Reattività degli State in React

Valore booleano nello stato in React

Contatore con stati in React

Forme

Lavorare con gli input in React

Modifica dei dati di input durante la loro visualizzazione in React

Modifica dei dati utilizzando una funzione in React

Gestione di input multipli in React

Elaborazione dei dati del modulo al click del pulsante in React

Lavorare con textarea in React

Lavorare con le checkbox in React

Checkbox e Rendering Condizionale in React

Lavorare con select in React

Elementi di selezione da un array in React

Attributi value nei select in React

Attributi value del select da un array in React

Lavorare con i radio in React

Valori Predefiniti in React

Collegamento di input a un array in React

Collegamento di input a un oggetto in React

Dati

Reattività dei Dati in React

Aggiunta Reattiva a un Array in React

Operazioni reattive sugli array in React

Aggiunta reattiva a un array di oggetti in React

Operazioni reattive su array di oggetti in React

Visualizzazione Reattiva dei Dati in React

Componenti

Introduzione ai componenti React

Utilizzo dei componenti in React

Più istanze di un componente in React

Props dei componenti in React

Creazione di Componenti Figli in React

Array per la creazione di componenti figli in React

Componenti Figli in un Ciclo React

Passaggio degli stati ai componenti figli in React

Passare l'id a un componente in React

Modificare lo stato del genitore in un componente figlio in React

Modifica dello stato del genitore in un componente figlio in React

Modifica dello stato in un componente nipote in React

Modalità di funzionamento attraverso gli stati dei componenti figli in React

Concetti

Concetti di React quando si lavora con i componenti

Dati dei Componenti in React

Tipi di componenti in React

Flusso di Dati Unidirezionale in React

Sollevamento dello Stato in React

Single Source of Truth in React

Styling

Metodi di stile per componenti React

Utilizzo del CSS globale per lo stile in React

Inserimento di dati nell'attributo style da un oggetto in React

Inserimento di dati nell'attributo style da un file separato in React

Lavorare con gli stili CSS nell'attributo style in React

Inserimento di dati nell'attributo style da variabili in React

Styling con Styled Components in React

Utilizzo delle Props con Styled Components in React

Utilizzo delle props nel rendering condizionale con Styled Components in React

Stilizzazione Avanzata dei Componenti in React

Iniziare a studiare la stilizzazione con CSS modules in React

Continuazione dello studio della stilizzazione con CSS modules React

La regola composes per le classi in CSS modules in React

Comando composes per file in CSS modules in React

Progetti

Checklist del Progetto in React

Progetto Blocco Note in React