Hoof React-tutoriaal
Inleiding
Installeer React
Koppel die react-devtools-inprop
Komponentbenadering
Werf-uitleg
Resultaat van komponentwerking
JSX Taal
Inleiding tot JSX
Terugkeer van Geneste Trefieke
Trefiek Ondertoe Skulf
Terugkeer van Verskeie Trefieke
Terugkeer van Ongeëindigde Trefiek
Terugkeer van Leë Trefiek deur Funksie
Invoeging van Veranderlike Waardes
Nuanses by Invoeging van Veranderlikes
Invoeging van Skikkings
Invoeging van Voorwerpe
Invoeging in Eienskappe
Stoor van Trefieke in JSX
Stoor van Verskeie Trefieke
Trefieke op Verskillende Reëls
Terugkeer van Trefieke
Sluiting van JSX Trefieke
Korrektheid van Opmaak
Uitvoer van JavaScript Kode
Voorwaardes
Voorwaardes in JSX
Wys volgens voorwaarde
Voorwaardes vir die terugkeer van 'n etiket
Ternêre operator in JSX
Gebruik van die &&-operator in JSX
Omkering vir verkorte voorwaardes
Funksies
Gebruik van funksies
Roep funksies binne etikette
Hang hanterders aan
Hanterder parameters
Event Voorwerp
Event Voorwerp met parameter oordrag
Vorming van Tags
Tikskikking
Tikskikking in 'n lus
Tikke uit 'n skikking met data
Sleutels in 'n skikking
Skikking van voorwerpe
Sleutels deur id
Tabel uit 'n skikking van voorwerpe
Unieke id's
Bespreking
Probleme met nuwe id's
Ewekansige snare vir id
Generering van id
Funksie vir id-generering
Gebruik van die id-funksie
Verkeerde gebruik van die funksie
Staatte
Inleiding tot Staatte
Gebruik
Reaktiwiteit
Boolese waarde in staat
Teller wanneer met staatte gewerk word
Vorms
Werk met invoervelde
Verandering van invoerdata wanneer dit uitgevoer word
Verander data met 'n funksie
Werk met verskeie invoervelde
Verwerking van vormdata
Werk met teksarea
Werk met merkblokkies
Merkblokkies en voorwaardelijke weergave
Werk met keuselyste
Keuselys-items uit 'n skikking
Value eienskappe in 'n keuselys
Value eienskappe van 'n keuselys uit 'n skikking
Werk met radio-knoppies
Verstekwaardes
Invoervelde aan 'n skikking bind
Invoervelde aan 'n voorwerp bind
Data
Inleiding
Reaktiewe byvoeging tot 'n skikking
Reaktiewe operasies op skikkings
Reaktiewe byvoeging tot 'n skikking van objekte
Reaktiewe operasies op skikkings van objekte
Reaktiewe datavertoning
Komponente
Inleiding tot Komponente
Gebruik van Komponente
Veelvuldige Instansies van 'n Komponent
Komponent Props
Kind-Komponente
Lys vir die Skepping van Kind-Komponente
Kind-Komponente in 'n Luss
Oordrag van State na Kind-Komponente
Oordrag van id na 'n Komponent
Verandering van Ouers se State
Redigering van Ouers se State
Redigering van Oupagrootouers se State
Werkmodusse via State
Konsepte
Inleiding
Komponentdata
Tipes komponente
Enerigting data-vloei
Staat opheffing
Een bron van waarheid
Stylering
Manieres van stylering in React
Globale CSS
Data in die style-kenmerk uit 'n voorwerp plaas
Data in die style-kenmerk uit 'n aparte lêer plaas
Werk met CSS-style in die style-kenmerk
Data in die style-kenmerk uit veranderlikes plaas
Styled Components
Props in Styled Components
Props en voorwaardelijke weergave in Styled Components
Komponente met uitgebreide stylering
Begin werk met CSS modules
Voortsetting van werk met CSS modules
Die composes-opdrag vir klasse
Die composes-opdrag vir lêers
