К содержанию

Osnovni React vadnica

Vadnica za JavaScript ogrodje React. Za začetnike. Veliko teorije in nalog.

Уроки

Uvod v ogrodje React

Namestitev ogrodja React

Namestitev vtičnika react-devtools

Uvod v komponentni pristop v Reactu

Postavitev spletnega mesta ogrodja React

Rezultat dela komponente

Jezik JSX

Uvod v jezik JSX v Reactu

Vračanje gnezdene JSX oznak s funkcijami

Pravila za vračanje funkcije pri premikanju oznake navzdol v JSX

Značilnosti vračanja več oznak v JSX

Vrnitev ne-zaprtega označevalca JSX

Vrnitev praznega označevalnika s funkcijo v JSX

Vstavljanje vrednosti spremenljivk in konstant v JSX

Nianse pri vstavljanju vrednosti spremenljivk

Vstavljanje nizov v JSX

Vstavljanje objektov v JSX

Vstavljanje spremenljivk in konstant v atribute oznak v JSX

Shranjevanje oznak v spremenljivkah in konstantah JSX

Posebnosti shranjevanja več oznak v konstantah JSX

Oznake na različnih vrsticah v JSX

Vračanje oznak prek return v JSX

Zapiranje oznak JSX

Pravilnost postavitve v Reactu

Izvajanje kode JavaScript

Pogoji

Uporaba pogojev v JSX

Prikaz pogojno v React

Pogoji za vračanje oznake v JSX

Ternarni operator v JSX

Uporaba operatorja && v JSX

Invertiranje za skrajšane pogoje v JSX

Funkcije

Uporaba funkcij v Reactu

Klicanje funkcij znotraj oznak v Reactu

Dodajanje dogodkov v JSX

Parametri v funkciji JSX

Objekt Event v Reactu

Objekt Event pri prenašanju parametrov

Oblikovanje oznak

Oznake v matrikah JSX

Oblikovanje polja oznak v zanki React

Ustvarjanje oznak iz polja s podatki v Reactu

Edinstveni ključi v matriki oznak v Reactu

Prikaz matrike objektov v Reactu

Edinstveni ključi prek id v React

Prikaz polja objektov kot HTML tabele v Reactu

Unikatni id

Razprava o edinstvenih id-jih v Reactu

Težave z novimi id-ji v Reactu

Naključni nizi za id v Reactu

Generiranje ID-jev v Reactu

Funkcija za generiranje id v Reactu

Uporaba funkcije id v Reactu

Nepravilna uporaba funkcije id v Reactu

Stanja

Uvod v stanja v React

Uporaba state-ov v Reactu

Reaktivnost stanj v React

Logična vrednost v stanju v React

Števec na stanjih v React

Obrazci

Delo z vnosi v Reactu

Spreminjanje podatkov vnosa pri njihovem prikazu v React

Spreminjanje podatkov s funkcijo v Reactu

Delo z več vnosi v Reactu

Obdelava podatkov obrazca ob kliku na gumb v Reactu

Delo z textarea v Reactu

Delo s checkbox v React

Potrditvena polja in pogojno upodabljanje v Reactu

Delo s select v Reactu

Elementi select iz matrike v Reactu

Atributi value v selektu v Reactu

Atributi value selecta iz tabele v Reactu

Delo z radio v Reactu

Privzete vrednosti v Reactu

Povezovanje vnosnih polj z matriko v Reactu

Povezovanje vnosnih polj z objektom v React

Podatki

Reaktivnost podatkov v Reactu

Reaktivno dodajanje v matriko v Reactu

Reaktivne operacije nad tabelami v Reactu

Reaktivno dodajanje v matriko objektov v Reactu

Reaktivne operacije na nizih objektov v Reactu

Reaktivni prikaz podatkov v Reactu

Komponente

Uvod v komponente React

Uporaba komponent v Reactu

Več primerkov komponente v Reactu

Lastnosti komponent v React

Ustvarjanje podrejenih komponent v Reactu

Matrika za ustvarjanje podrejenih komponent v Reactu

Podrejene komponente v zanki React

Posredovanje stanj (states) v podrejene komponente v Reactu

Posredovanje id v komponento v Reactu

Spreminjanje stanja starša v podrejenem komponentu v React

Urejanje stanja starša v podrejenem komponentu v React

Urejanje stanja v vnuk komponenti v Reactu

Načini delovanja preko stanj komponent-potomcev v React

Koncepti

Koncepte React pri delu s komponentami

Podatki komponent v Reactu

Vrste komponent v Reactu

Enosmerni pretok podatkov v Reactu

Dvig stanj v React

En vir resnice v React

Oblikovanje

Slogi stilizacije React komponent

Uporaba globalnega CSS pri stilizaciji v Reactu

Vstavljanje podatkov v atribut style iz objekta v React

Vstavljanje podatkov v atribut style iz ločene datoteke v Reactu

Delo s CSS slogi v atributu style v Reactu

Vstavljanje podatkov v atribut style iz spremenljivk v Reactu

Styling s Styled Components v Reactu

Uporaba props s Styled Components v Reactu

Uporaba props v pogostnem upodabljanju s Styled Components v Reactu

Napredno oblikovanje komponent v Reactu

Začetek študija stilizacije s CSS moduli v Reactu

Nadaljevanje študija oblikovanja s CSS moduli React

Ukaz composes za razrede v CSS modulih v React

Ukaz composes za datoteke v CSS modulih v Reactu

Projekti

Projekt Checklist v React

Projekt Beležnica v Reactu