Osnovni React vadnica
Uvod
Nameščanje React
Povezovanje vtičnika react-devtools
Komponentni pristop
Postavitev spletnega mesta
Rezultat dela komponente
Jezik JSX
Uvod v JSX
Vračanje gnezdene oznake
Premik oznake navzdol
Vračanje več oznak
Vračanje nezaprtih oznak
Vračanje prazne oznake s funkcijo
Vstavljanje vrednosti spremenljivk
Podrobnosti pri vstavljanju spremenljivk
Vstavljanje polj
Vstavljanje objektov
Vstavljanje v atribute
Shranjevanje oznak v JSX
Shranjevanje več oznak
Oznake v različnih vrsticah
Vračanje oznak
Zaprtost oznak JSX
Pravilnost postavitve
Izvedba kode JavaScript
Pogoji
Pogoji v JSX
Prikaz glede na pogoj
Pogoji za vrnitev oznake
Ternarni operator v JSX
Uporaba operatorja && v JSX
Invertiranje za skrajšane pogoje
Funkcije
Uporaba funkcij
Klicanje funkcij znotraj oznak
Dodajanje ročnikov
Parametri ročnikov
Objekt Event
Objekt Event pri posredovanju parametrov
Oblikovanje oznak
Matrika oznak
Matrika oznak v zanki
Oznake iz matrike s podatki
Ključi v matriki
Matrika objektov
Ključi preko id
Tabela iz matrike objektov
Unikatni id
Razprava
Težave z novimi id
Naključni nizi za id
Generiranje id
Funkcija za generiranje id
Uporaba funkcije id
Napačna uporaba funkcije
Stanja
Obrazci
Delo z vnosi
Spreminjanje podatkov vnosa pri njihovem izpisu
Spreminjanje podatkov s pomočjo funkcije
Delo z več vnosi
Obdelava podatkov obrazca
Delo z textarea
Delo s potrditvenimi polji
Potrditvena polja in pogojno upodabljanje
Delo z izbirnimi polji
Točke izbirnega polja iz tabele
Atributi value v izbirnem polju
Atributi value izbirnega polja iz tabele
Delo z radio gumbi
Privzete vrednosti
Povezovanje vnosov s tabelo
Povezovanje vnosov z objektom
Praksa - !!! jaz bi jo popolnoma odstranil
todo, del prevzeti po povezavi
Podatki
Uvod
Reaktivno dodajanje v matriko
Reaktivne operacije na matrikah
Reaktivno dodajanje v matriko objektov
Reaktivne operacije na matrikah objektov
Reaktivni prikaz podatkov
Komponente
Uvod v komponente
Uporaba komponent
Več primerkov komponente
Lastnosti (props) komponent
Podrejene komponente
Matrika za ustvarjanje podrejenih komponent
Podrejene komponente v zanki
Posredovanje stanj (states) podrejenim komponentam
Posredovanje ID-ja v komponento
Spreminjanje stanja starša
Urejanje stanja starša
Urejanje stanja starih staršev
Načini delovanja preko stanj
Vrste lastnosti (Prop Types)
todo
Koncepti
Oblikovanje
Načini oblikovanja v Reactu
Globalni CSS
Vstavljanje podatkov v atribut style iz objekta
Vstavljanje podatkov v atribut style iz ločene datoteke
Delo s CSS slogi v atributu style
Vstavljanje podatkov v atribut style iz spremenljivk
Styled Components
Lastnosti (props) v Styled Components
Lastnosti in pogojno upodabljanje v Styled Components
Komponente z razširjenim oblikovanjem
Začetek dela s CSS moduli
Nadaljevanje dela s CSS moduli
Ukaz composes za razrede
Ukaz composes za datoteke