К содержанию

React pamācība

Mācību grāmata par JavaScript framworku React. Iesācējiem. Daudz teorijas un uzdevumu.

Уроки

Ievads React framewrok

React Framework Instalēšana

React-devtools spraudņa pievienošana

Ievads komponenšu pieejā React

React Framework Mājaslapas Makets

Komponenta darba rezultāts

JSX valoda

Ievads JSX valodā React

Iegultu JSX atzīmju atgriešana ar funkcijām

Funkcijas atgriešanas noteikumi, pazeminot atzīmi lejā JSX

Vairāku JSX atzīmju atgriešanas īpatnības

Neaizvērta JSX atgrieztais tegs

Funkcijas atgriežamais tukšā JSX atzīmes elements

Mainīgo un konstanšu vērtību ievietošana JSX

Mainīgo vērtību ievietošanas nianses

Masīvu ievietošana JSX

Objektu ievietošana JSX

Mainīgo un konstanšu ievietošana tagu atribūtos JSX

Tagu glabāšana mainīgajos un konstantēs JSX

Vairāku JSX atzīmju saglabāšanas īpatnības konstantēs

Tagu atrašanās dažādās rindās JSX

Atgriežot tagus caur return JSX

JSX tagu aizvēršana

Korektā izkārtojuma veidošana React

JavaScript koda izpilde

Nosacījumi

Nosacījumu izmantošana JSX

Attēlošana atkarībā no nosacījuma React

Nosacījumi atgriešanai atzīmes JSX

Ternārais operators JSX

Operātora && izmantošana JSX

Invertēšana saīsinātajiem nosacījumiem JSX

Funkcijas

Funkciju izmantošana React

Funkciju izsaukšana React atvalkos

Notikumu pievienošana JSX

Parametri JSX funkcijā

Event objekts React

Event objekts parametru nodošanā

Atzīmju veidošana

Tagi JSX masīvos

Tagu masīva veidošana React cilpā

Tagu veidošana no datu masīva React

Unikāli atslēgas React masīva elementos

Objektu masīva izvade React

Unikāli atslēgas ar id React

Objektu masīva izvade kā HTML tabulai React

Unikālie id

Unikālo id React apspriešana

Problēmas ar jauniem id React

Nejaušas virknes id React

Id ģenerēšana React

Funkcija id ģenerēšanai React

id funkcijas izmantošana React

Nepareiza id funkcijas izmantošana React

Stāvokļi

Ievads steytos React

Stāvokļu izmantošana React

Stāvokļu reaktivitāte React

Loģiskā vērtība stāvoklī React

Skaitītājs ar stāvokļiem React

Formas

Darbība ar input elementiem React

Ievades datu maiņa to attēlošanas laikā React

Datu maiņa, izmantojot funkciju React

Darbība ar vairākiem input elementiem React

Formas datu apstrāde, nospiežot pogu React

Darbība ar textarea React

Darbība ar checkbox React

Checkboxi un nosacījuma renderēšana React

Darbība ar select React

Selecta punkti no masīva React

Value atribūti select elementā React

React selektam value atribūti no masīva

Darbība ar radio React

Noklusējuma vērtības React

Ievades lauku saistīšana ar masīvu React

Ievades saistīšana ar objektu React

Dati

Datu reaktivitāte React

Reaktīva pievienošana masīvam React

Reaktīvas darbības ar masīviem React

Reaktīva objektu masīva pievienošana React

Reaktīvas darbības ar objektu masīviem React

Reaktīvs datu attēlojums React

Komponentes

Ievads React komponentēs

Komponentu izmantošana React

Vairāki komponentu instance React

Komponentu props React

Bērnu komponentu izveide React

Masīvs bērnu komponentu izveidei React

React Bērnu komponentes cilpā

Stāvokļu nodošana apakškomponentēm React

ID nodošana komponentē React

Vecāka stāvokļa maiņa bērna komponentē React

Vecāku komponenta stāvokļa rediģēšana bērna komponentā React

Stāvokļa rediģēšana mazmazbērna komponentē React

Darbības režīmi, izmantojot apakškomponentu stāvokļus React

Koncepti

React koncepcijas, strādājot ar komponentēm

Komponentu dati React

Komponentu tipi React

Vienvirziena datu plūsma React

Stāvokļu paceļana React

Viena patiesības avota princips React

Stilizācija

React komponentu stilizēšanas veidi

Globālā CSS izmantošana stilošanā React

Datu ievietošana style atribūtā no objekta React

Datu ievietošana style atribūtā no atsevišķa faila React

CSS stilu strādāšana ar style atribūtu React

Datu ievietošana style atribūtā no mainīgajiem React

Stilizēšana ar Styled Components React

Prop lietošana ar Styled Components React

Prop izmantošana nosacītā renderēšanā ar Styled Components React

Paplašinātā komponenšu stilizēšana React

CSS moduļu izmantošanas sākums stila veidošanā React

CSS moduļu React turpinājums ar stilizēšanas apguvi

Komanda composes klasēm CSS moduļos React

Komanda composes failiem CSS moduļos React

Projekti

Čeklista projekts React

Piezīmju grāmatiņas projekts React