Tutorial Principale di React

Introduzione Installazione di React Collegamento del plugin react-devtools Approccio a componenti Layout del sito Risultato del lavoro del componente

Linguaggio JSX

Introduzione a JSX Ritorno di tag annidati Spostamento del tag in basso Ritorno di più tag Ritorno di tag non chiuso Ritorno di tag vuoto per funzione Inserimento di valori di variabili Sfumature nell'inserimento di variabili Inserimento di array Inserimento di oggetti Inserimento negli attributi Memorizzazione di tag in JSX Memorizzazione di più tag Tag su righe diverse Ritorno di tag Chiusura dei tag JSX Correttezza del markup Esecuzione di codice JavaScript

Condizioni

Condizioni in JSX Mostrare in base a una condizione Condizioni per il ritorno di un tag Operatore ternario in JSX Utilizzo dell'operatore && in JSX Inversione per condizioni abbreviate

Funzioni

Utilizzo delle funzioni Chiamare funzioni all'interno dei tag Aggiunta di gestori Parametri dei gestori Oggetto Event Oggetto Event quando si passano parametri

Formazione dei Tag

Array di Tag Array di Tag in Ciclo Tag da Array con Dati Chiavi nell'Array Array di Oggetti Chiavi tramite ID Tabella da Array di Oggetti

ID univoci

Discussione Problemi con i nuovi ID Stringhe casuali per ID Generazione ID Funzione per generare ID Utilizzo della funzione ID Utilizzo errato della funzione

Stati

Introduzione agli stati Utilizzo Reattività Valore booleano nello stato Contatore quando si lavora con gli stati

Forme

Lavoro con gli input Modifica dei dati dell'input durante l'output Modifica dei dati tramite una funzione Lavoro con più input Elaborazione dei dati del modulo Lavoro con textarea Lavoro con le checkbox Checkbox e rendering condizionale Lavoro con i select Voci del select da un array Attributi value nel select Attributi value del select da un array Lavoro con i radio Valori predefiniti Associazione degli input a un array Associazione degli input a un oggetto Pratica - !!! la toglierei completamente todo, parte da prendere dal link

Dati

Introduzione Aggiunta reattiva all'array Operazioni reattive sugli array Aggiunta reattiva all'array di oggetti Operazioni reattive su array di oggetti Visualizzazione reattiva dei dati

Componenti

Introduzione ai componenti Utilizzo dei componenti Istanze multiple del componente Props dei componenti Componenti figli Array per creare componenti figli Componenti figli in un ciclo Passaggio degli stati ai componenti figli Passaggio dell'id al componente Modifica dello stato del genitore Modifica dello stato del genitore Modifica dello stato del nonno Modalità di funzionamento tramite stati Prop Types todo

Concetti

Introduzione Dati dei componenti Tipi di componenti Flusso di dati unidirezionale Sollevamento dello stato Unica fonte della verità

Styling

Metodi di Styling in React CSS Globale Inserire dati nell'attributo style da un oggetto Inserire dati nell'attributo style da un file separato Lavorare con gli stili CSS nell'attributo style Inserire dati nell'attributo style da variabili Styled Components Props in Styled Components Props e rendering condizionale in Styled Components Componenti con styling esteso Iniziare con i CSS modules Continuare con i CSS modules Comando composes per le classi Comando composes per i file

Progetti

Checklist Blocco note
↑
Italiano▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesia日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Utilizziamo i cookie per il funzionamento del sito, l'analisi e la personalizzazione. I dati vengono elaborati in conformità con la Politica sulla privacy.
accetta tutto personalizza rifiuta