К содержанию

Reacti põhiõpetus

Õpetus JavaScripti raamistikule React. Algajatele. Palju teooriat ja ülesandeid.

Уроки

Sissejuhatus React'i raamistikku

Reacti raamistiku paigaldus

React-devtools plugina ühendamine

Komponendipõhise lähenemise tutvustus Reactis

Reacti raamveebi saidi makett

Komponendi töö tulemus

JSX keel

Sissejuhatus Reacti JSX keelde

JSX-i pesastatud siltide tagastamine funktsioonidega

Funktsiooni tagastamise reeglid JSX-s siltide allaviimisel

Mitme JSX-i tagi tagastamise eripärad

Sulgemata JSX-sildi tagastamine

Funktsiooni poolt tühja tagi tagastamine JSX-is

Muutujate ja konstantide väärtuste sisestamine JSX-is

Muutujate väärtuste sisestamise nüansid

Massiivide sisestamine JSX-is

Objektide sisestamine JSX-i

Muutujate ja konstantide sisestamine JSX-i märgendite atribuutidesse

Sildiste hoidmine muutujates ja konstantides JSX-is

Mitme JSX-sildi salvestamise iseärasused konstantides

Sildid erinevatel ridadel JSX-is

Tagastamine return abil JSX-is

JSX siltide sulgemine

Võrguarenduse korrektsus Reactis

JavaScripti koodi käivitamine

Tingimused

Tingimuste kasutamine JSX-is

Tingimuslik kuvamine Reactis

Tingimused tagastamiseks JSX-s

Ternaarne operaator JSX-is

Operaatori && kasutamine JSX-is

Inverteerimine lühendatud tingimuste jaoks JSX-is

Funktsioonid

Funktsioonide kasutamine Reactis

Funktsioonide väljakutsumine Reacti siltides

Sündmuste lisamine JSX-s

Parameetrid JSX funktsioonis

Event objekt Reactis

Event objekti kasutamine parameetrite edastamisel

Sildite moodustamine

Sildid JSX massiivides

Sildiste massiivi moodustamine Reacti tsüklis

Andmete massiivist siltide moodustamine Reactis

Unikaalsed võtmed massiivi elementides Reactis

Objektide massiivi kuvamine Reactis

Unikaalsed võtmed id kaudu Reactis

Objektide massiivi kuvamine HTML-tabelina Reactis

Unikaalsed id

Unikaalsete id-de arutelu Reactis

Uute id-de probleemid React-is

Juhuslikud stringid id-deks Reactis

ID genereerimine Reactis

ID genereerimisfunktsioon Reactis

Funktsiooni id kasutamine Reactis

Funktsiooni id valekasutamine Reactis

Olekud

Sissejuhatus Reacti olekusse

Olekute kasutamine Reactis

Reacti olekute reaktiivsus

Loogiline väärtus Reacti olekus

Oleku põhine loendur Reactis

Vormid

Sisendite töötlemine Reactis

Sisendiandmete muutmine nende kuvamisel Reactis

Andmete muutmine funktsiooni abil Reactis

Mitme sisendiga töötamine Reactis

Vormiandmete töötlemine nupu vajutamisel Reactis

Textarea-ga töötamine Reactis

Checkbox'ide kasutamine Reactis

Kontrollkastid ja tingimuslik renderdamine Reactis

Selectiga töötamine Reactis

Valikute massiivist Reactis

Value atribuudid Reacti selektis

Reactis massiivist valitud value atribuudid

Raadiotegelemetega töötamine Reactis

Vaikimisi väärtused Reactis

Sisendite seostamine massiiviga Reactis

Sisendite seostamine objektiga Reactis

Andmed

Andmete reaktiivsus Reactis

Reaktiivne lisamine massiivi Reactis

Reaktiivsed massiivitehted Reactis

Reaktiivne lisamine objektide massiivi Reactis

Reaktiivsed operatsioonid objektide massiividega Reactis

Reaktiivne andmete kuvamine Reactis

Komponendid

Sissejuhatus Reacti komponentidesse

Komponentide kasutamine Reactis

Mitme komponendi eksemplar Reactis

Komponendi propsid Reactis

Lapsekomponentide loomine Reactis

Massiiv alamkomponentide loomiseks Reactis

Lastekomponendid tsüklis React

Olekute edastamine alamkomponentidesse Reactis

ID edastamine React komponendile

Vanema komponendi olemu muutmine lapse komponendis Reactis

Vanema komponendi oleku muutmine lapse komponendis Reactis

Olemu redigeerimise muutmine lapselapse komponendis Reactis

Komponentide alamkomponentide olekute kaudu töötamise režiimid Reactis

Kontseptsioonid

Reacti komponentidega töötamise kontseptsioonid

Komponendi andmed Reactis

Komponentide tüübid Reactis

Andmete ühesuunaline voog Reactis

Olekute tõstmine Reactis

Üks tõeallikas Reactis

Stiilid

Reacti komponentide stiilimise viisid

Globaalse CSS-i kasutamine React-i stiilimisel

Andmete sisestamine style atribuuti objektist Reactis

Andmete sisestamine style atribuuti eraldi failist Reactis

CSS-stiilide töötamine style-atribuudis Reactis

Andmete sisestamine style atribuuti muutujatest Reactis

Stiilide lisamine Styled Components abil Reactis

Styled Componentsi propside kasutamine Reactis

Propside kasutamine tingimuslikus renderdamises Styled Componentsiga Reactis

Komponentide laiendatud stiilimine Reactis

CSS moodulite abil stiilide õppimise algus Reactis

CSS moodulitega stiilide jätkamine Reactis

Komposiidikäsk CSS moodulite klasside jaoks Reactis

Komponentide failide jaoks CSS moodulites Reactis kasutatav composes-käsk

Projektid

Projekti Kontroll-loend Reactis

Märkmiku projekt Reactis