К содержанию

Pagrindinė React mokymo programa

Mokymo programa apie JavaScript frameworrą React. Pradedantiesiems. Daug teorijos ir užduočių.

Уроки

Įvadas į React framwork'ą

React framerworko diegimas

React-devtools plėtinio prijungimas

Įvadas į komponentinį požiūrį React

React framerworko svetainės maketas

Komponento darbo rezultatas

JSX kalba

Įvadas į JSX kalbą React

Įdėtųjų JSX žymų grąžinimas funkcijomis

Funkcijos grąžinimo taisyklės perkėlus žymę žemyn JSX

Kelių JSX žymų grąžinimo ypatumai

Neuždarytos JSX žymės grąžinimas

Funkcijos tuščiojo tago grąžinimas JSX

Kintamųjų ir konstantų reikšmių įterpimas į JSX

Kintamųjų reikšmių įterpimo niuansai

Masyvų įterpimas į JSX

Objektų įterpimas į JSX

Kintamųjų ir konstantų įterpimas į žymų atributus JSX

Žymų saugojimas kintamuosiuose ir konstantose JSX

Kelių HTML žymų saugojimo JSX konstantose ypatumai

Žymės skirtingose eilutėse JSX

Žymų grąžinimas per return JSX

JSX žymų uždarymas

React išdėstymo korektiškumas

JavaScript kodo vykdymas

Sąlygos

Sąlygų panaudojimas JSX

Rodymas pagal sąlygą React

Sąlygos grąžinti tag'ą JSX

Ternary operatorius JSX

Operatoriaus && naudojimas JSX

Sąlygų sutrumpinimų invertavimas JSX

Funkcijos

Funkcijų naudojimas React

Funkcijų iškvietimas viduje žymų React'e

Įvykių pridėjimas JSX

Parametrai JSX funkcijoje

Event Objektas React'e

Objekto Event naudojimas perduodant parametrus

Žymų formavimas

Žymės JSX masyvuose

Žymių masyvo formavimas React cikle

Žymų formavimas iš duomenų masyvo React

Unikalūs raktai masyve esančiuose React elementuose

Objektų masyvo atvaizdavimas React

Unikalūs raktai per id React'e

Objektų masyvo atvaizdavimas HTML lentelės pavidalu React

Unikalūs id

Unikalių id React'e aptarimas

Problemos su naujais id React

Atsitiktinės eilutės id React'e

ID generavimas React

ID generavimo funkcija React

Id funkcijos naudojimas React

Netinkamas funkcijos id naudojimas React

Būsenos

Įvadas į būsenas React

Būsenų naudojimas React

Būsenų reaktyvumas React

Loginė reikšmė būsenoje React

Skaitiklis su būsenomis React

Formos

Darbas su įvesties laukais React

Įvesties duomenų keitimas jų atvaizdavime React

Duomenų keitimas naudojant funkciją React

Darbas su keliais įvesties laukais React

Formos duomenų apdorojimas paspaudus mygtuką React

Darbas su textarea React

Darbas su checkbox React

Žymimieji langeliai ir sąlyginis renderinimas React

Darbas su select React

React selektų punktai iš masyvo

Value atributai select elemente React

React masyvo pasirinkimo value atributai

Darbas su radio mygtukais React

Numatytojos reikšmės React

Įvesties laukų susiejimas su masyvu React

Įvesties laukų susiejimas su objektu React

Duomenys

Duomenų reaktyvumas React

Reaktyvus pridėjimas į masyvą React

Reaktyvios operacijos su masyvais React'e

Reaktyvus objektų masyvo pridėjimas React

Reaktyvios operacijos su objektų masyvais React

Reaktyvus duomenų rodymas React

Komponentai

Įvadas į React komponentus

Komponentų naudojimas React

Keli React komponentų egzemplioriai

Komponentų propsai React

Vaikinių komponentų kūrimas React

Masyvas vaikinių komponentų kūrimui React

Vaikiniai komponentai cikle React

Būsenų perdavimas į antrinius komponentus React

Id perdavimas į React komponentą

Tėvinio komponento būsenos keitimas vaikiniame komponente React

Tėvinio komponento būsenos redagavimas vaikiniame komponente React

Būsenos redagavimas anūkų komponente React

Darbo režimai per vaikinių komponentų būsenas React

Koncepcijos

React komponentų darbo koncepcijos

Komponentų duomenys React

Komponentų tipai React

Vienkryptis duomenų srautas React

Būsenos pakėlimas React

Vienas tiesos šaltinis React

Stilizavimas

React komponentų stiliaus nustatymo būdai

Bendrojo CSS naudojimas stilizuojant React

Duomenų įterpimas į style atributą iš objekto React

Duomenų įterpimas į style atributą iš atskiro failo React

Darbas su CSS stiliais style atribute React

Duomenų įterpimas į style atributą iš kintamųjų React

Stylizavimas naudojant Styled Components React'e

Props naudojimas su Styled Components React'e

Props naudojimas sąlyginiame renderinime su Styled Components React'e

Išplėstinis komponentų stiliavimas React

Stilių taikymo su CSS moduliais React pradžia

CSS modulių React stiliaus tęstinis mokymasis

Komanda composes klasėms CSS moduliuose React

Komanda composes failams CSS modules React'e

Projektai

Projekto kontrolinio sąrašo implementacija React

Užrašų knygelės projektas React