Užduotis – el.parduotuvė

books

Pradžioje susipažįstame su javascript kalba, jos specifika, veikimo principais. Gerokai pasitreniruojame su async await, tik tada kimbame į React. O čia jau atsiveria milijonas galimybių ir idėjų.

Mokantis komponentus sukuriame Booklist, tada Book. Apatariame kas į ką įeina, kas kieno tėvinis elementas. Siūlau įsidiegti chrome extension’ą, kuris labai gražiai vizualiai parodo projekto struktūrą.

Vėliau imamės props – duomenų pernešėjų ir state – būsenos, duomenų saugotojos. Tam puikiai tinka e-shop užduotėlė, kur galima pridėti prekes, šiuo atveju knygas į krepšelį, didinti jų kiekį, ar jas visiškai pašalinti, įsigyti.

Vaidos variantas
Rimantės variantas

Mokantis react router lengvai išsprendžiamas komponentų rodymas – slėpimas, gal kiek ilgiau užtrunka perprasti, kaip pernešti iš vieno komponento į kitus informaciją, iškviesti funkcionalumus.

Pamokų metu darytas pavyzdys