Pagrindinė React mokymo programa
Įvadas
React instaliavimas
react-devtools papildinio prijungimas
Komponentinis požiūris
Svetainės maketas
Komponento darbo rezultatas
JSX kalba
Įvadas į JSX
Įdėtų žymų grąžinimas
Žymos nuleidimas žemyn
Kelių žymų grąžinimas
Neužverstos žymos grąžinimas
Tuščios žymos grąžinimas funkcija
Kintamųjų reikšmių įterpimas
Niuansai įterpiant kintamuosius
Masyvų įterpimas
Objektų įterpimas
Įterpimas į atributus
Žymų laikymas JSX
Kelių žymų laikymas
Žymos skirtingose eilutėse
Žymų grąžinimas
JSX žymų uždarumas
Maketo korektiškumas
JavaScript kodo vykdymas
Sąlygos
Sąlygos JSX'e
Rodymas pagal sąlygą
Sąlygos žymo grąžinimui
Ternary operatorius JSX'e
Operatoriaus && naudojimas JSX'e
Invertavimas trumpesnėms sąlygoms
Funkcijos
Funkcijų naudojimas
Funkcijų iškvietimas žymų viduje
Apdorojimo funkcijų priskirimas
Apdorojimo funkcijų parametrai
Įvykio objektas
Įvykio objektas perduodant parametrus
Žymų formavimas
Žymų masyvas
Žymų masyvas cikle
Žymos iš duomenų masyvo
Raktai masyve
Objektų masyvas
Raktai per id
Lentelė iš objektų masyvo
Unikalūs id
Aptarimas
Problemos su naujais id
Atsitiktinės eilutės id
Id generavimas
Id generavimo funkcija
Id funkcijos naudojimas
Netinkamas funkcijos naudojimas
Būsenos
Formos
Darbas su įvesties laukais
Įvesties duomenų keitimas išvedimo metu
Duomenų keitimas naudojant funkciją
Darbas su keliais įvesties laukais
Formos duomenų apdorojimas
Darbas su textarea
Darbas su varnelėmis
Varnelės ir sąlyginis atvaizdavimas
Darbas su pasirinkimo laukais
Pasirinkimo lauko punktai iš masyvo
Value atributai pasirinkimo lauke
Pasirinkimo lauko value atributai iš masyvo
Darbas su radio mygtukais
Numatytosios reikšmės
Įvesties laukų susiejimas su masyvu
Įvesties laukų susiejimas su objektu
Duomenys
Įvadas
Reaktyvus pridėjimas į masyvą
Reaktyvios operacijos su masyvais
Reaktyvus pridėjimas į objektų masyvą
Reaktyvios operacijos su objektų masyvais
Reaktyvus duomenų rodymas
Komponentai
Įvadas į komponentus
Komponentų naudojimas
Keli komponento egzemplioriai
Komponentų propsai
Dukteriniai komponentai
Masyvas dukteriniams komponentams sukurti
Dukteriniai komponentai cikle
Būsenų perdavimas į dukterinius komponentus
ID perdavimas į komponentą
Tėvinio komponento būsenos keitimas
Tėvinio komponento būsenos redagavimas
Senelinio komponento būsenos redagavimas
Veikimo režimai per būsenas
Koncepcijos
Įvadas
Komponentų duomenys
Komponentų tipai
Vienkryptis duomenų srautas
Būsenų pakėlimas
Vienas tiesos šaltinis
Stilizavimas
Stilizavimo būdai React
Globalus CSS
Duomenų įterpimas į style atributą iš objekto
Duomenų įterpimas į style atributą iš atskiro failo
Darbas su CSS stiliais style atribute
Duomenų įterpimas į style atributą iš kintamųjų
Styled Components
Propsai Styled Components
Propsai ir sąlyginis renderinimas Styled Components
Komponentai su išplėstine stilizacija
Darbas su CSS moduliais pradžia
Darbas su CSS moduliais tęsinys
Composes komanda klasėms
Composes komanda failams
