React pamācība
Ievads
React instalēšana
React-devtools spraudņa pieslēgšana
Komponentu pieeja
Vietnes izkārtojums
Komponenta darba rezultāts
JSX valoda
Ievads JSX
Iegulto tagu atgriešana
Taga pārnešana uz leju
Vairāku tagu atgriešana
Neaizvērta taga atgriešana
Tukša taga atgriešana ar funkciju
Mainīgo vērtību ievietošana
Nianses, ievietojot mainīgos
Masīvu ievietošana
Objektu ievietošana
Ievietošana atribūtos
Tagu glabāšana JSX
Vairāku tagu glabāšana
Tagi dažādās rindās
Tagu atgriešana
JSX tagu aizvērtība
Izkārtojuma korektums
JavaScript koda izpilde
Nosacījumi
Nosacījumi JSX
Rādīšana pēc nosacījuma
Nosacījumi atgrieztai atzīmei
Ternārais operators JSX
Operatora && izmantošana JSX
Invertēšana saīsinātiem nosacījumiem
Funkcijas
Funkciju izmantošana
Funkciju izsaukšana atslēgās
Apstrādātāju pievienošana
Apstrādātāju parametri
Event objekts
Event objekts, nododot parametrus
Atzīmju veidošana
Atzīmju masīvs
Atzīmju masīvs cilpā
Atzīmes no datu masīva
Atslēgas masīvā
Objektu masīvs
Atslēgas caur id
Tabula no objektu masīva
Unikālie id
Apspriešana
Problēmas ar jauniem id
Nejaušas virknes id
Id ģenerēšana
Funkcija id ģenerēšanai
Id funkcijas izmantošana
Nepareiza funkcijas izmantošana
Stāvokļi
Formas
Darbība ar ievades laukiem
Ievades datu maina to izvadīšanas laikā
Datu maina ar funkcijas palīdzību
Darbība ar vairākiem ievades laukiem
Formas datu apstrāde
Darbība ar textarea
Darbība ar atzīmju rūtiņām
Atzīmju rūtiņas un nosacīta renderēšana
Darbība ar select
Select opcijas no masīva
Value atribūti select
Select value atribūti no masīva
Darbība ar radio
Noklusējuma vērtības
Ievades lauku piesaiste masīvam
Ievades lauku piesaiste objektam
Dati
Ievads
Reaktīva pievienošana masīvam
Reaktīvas operācijas ar masīviem
Reaktīva pievienošana objektu masīvam
Reaktīvas operācijas ar objektu masīviem
Reaktīva datu attēlošana
Komponentes
Ievads komponentēs
Komponenšu izmantošana
Vairāki komponentes eksemplāri
Komponenšu props
Apakšējās komponentes
Masīvs apakšējo komponenšu izveidošanai
Apakšējās komponentes cilpā
Stāvokļu nodošana apakšējām komponentēm
ID nodošana komponentei
Vecāka stāvokļa maiņa
Vecāka stāvokļa rediģēšana
Vecvecāka stāvokļa rediģēšana
Darba režīmi caur stāvokļiem
Koncepti
Ievads
Komponentu dati
Komponentu tipi
Vienvirziena datu plūsma
Stāvokļu paceļšana
Viens patiesības avots
Stilizācija
Stilizēšanas metodes React
Globālais CSS
Datu ievietošana style atribūtā no objekta
Datu ievietošana style atribūtā no atsevišķa faila
Darbība ar CSS stiliem style atribūtā
Datu ievietošana style atribūtā no mainīgajiem
Styled Components
Props Styled Components
Props un nosacījuma renderēšana Styled Components
Komponentes ar paplašinātu stilizāciju
Darba sākšana ar CSS moduļiem
Darba turpināšana ar CSS moduļiem
composes komanda klasēm
composes komanda failiem