К содержанию

Основни туторијал React

Туторијал о JavaScript оквиру React. За почетнике. Пуно теорије и задатака.

Уроки

Увод у React оквир

Инсталација React оквира

Повезивање додатка реакт-девтулс

Увод у компонентни приступ у React-у

Макет сајта React оквира

Резултат рада компоненте

Језик JSX

Увод у JSX језик у React-у

Повратак угнежђених JSX елемената функцијама

Правила возврата функцией при сносе тега вниз в JSX

Карактеристике враћања више JSX тагова

Повратак незатвореног JSX тага

Повратак празним тегом од стране функције у JSX-у

Уметање вредности променљивих и константа у JSX

Нијансе при уметању вредности променљивих

Уметање низова у JSX

Уметање објеката у JSX

Уметање променљивих и константица у атрибуте тагова у JSX-у

Чување ознака у променљивим и константама JSX-а

Особености чувања више тагова у константама JSX

Тагови на различитим редовима у JSX

Повраћање тагова преко return у JSX-у

Затварање JSX тагова

Коректност веровања у React

Извршавање JavaScript кода

Условни изрази

Примјена услова у JSX-у

Приказ условно у React-у

Услови за враћање тага у JSX-у

Тернарни оператор у JSX-у

Употреба оператора && у JSX-у

Инвертирање за скраћене услове у JSX-у

Функције

Коришћење функција у React-у

Позивање функција унутар тагова у React

Додавање догађаја у JSX

Параметри у JSX функцији

Објект Event у React-у

Објект Event при преносу параметара

Формирање елемената

Тагови у JSX низовима

Формирање низа тагова у циклусу React

Формирање тегова из низа са подацима у React-у

Јединствени кључеви у низу тагова у React-у

Приказ низа објеката у React-у

Јединствени кључеви преко id у React

Приказ низа објеката као HTML табеле у React-у

Јединствени id

Расправа о јединственим id у React-у

Проблеми са новим id-евима у React-у

Насумичне ниске за id у React-у

Генерисање id у React-у

Функција за генерацију id у React-у

Коришћење функције id у React-у

Pogrešna upotreba funkcije id u Reactu

Стање

Увод у стање у React-у

Коришћење стања у React-у

Реактивност стања у React-у

Логичка вредност у стању у React-у

Бројач на стањевима у React-у

Форме

Рад са уносима у React-у

Промена података уноса при њиховом приказу у React

Изменявање података помоћу функције у React-у

Рад са више улазних поља у React

Обрађивање података форме кликом на дугме у React-у

Рад са textarea у React-у

Рад са checkbox у React

Чекбоксы и условни рендеринг у React-у

Рад са select у React-у

Елементи селекта из низа у React-у

Атрибути value у селекту у React-у

Атрибути value селекта из низа у React-у

Рад са radio у React-у

Подразумеване вредности у React-у

Везивање инпутa за низ у React-у

Везивање инпут обавеза за објекат у React

Подаци

Реактивност података у React

Реактивно додавање у низ у React-у

Реактивне операције над низовима у React-у

Реактивно додавање у низ објеката у React

Реактивне операције над низовима објеката у React-у

Реактивни приказ података у React-у

Компоненте

Увод у React компоненте

Коришћење компоненти у React-у

Неколико инстанци компоненте у React-у

Пропс компоненти у React-у

Креирање дечијих компоненти у React-у

Низ за креирање дечјих компоненти у React-у

Децомпоненте у петљи React

Прослеђивање стања у подређене компоненте у React-у

Проследивање id-ја у компонент у React-у

Промена стања родитеља у дочерном компоненту у React

Уређивање стања родитеља у дочерној компоненти у React-у

Уређивање стања у унуку компоненти у React-у

Режими рада преко стејтова компонената-потомака у React-у

Концепције

Концепције React-a при раду са компонентама

Подаци компоненти у React-у

Типови компоненти у React-у

Једносмерни проток података у React

Подизање стања у React-у

Један извор истине у React

Стилизација

Начини стилизовања React компоненти

Коришћење глобалног CSS-a при стилизацији у React-у

Уметање података у атрибут style из објекта у React-у

Убацивање података у атрибут style из одвојене датотеке у React-у

Рад са CSS стиловима у атрибуту style у React-у

Уметање података у атрибут style из променљивих у React-у

Стилизација помоћу Styled Components у React-у

Коришћење пропса са Styled Components у React-у

Коришћење пропса у условном рендеровању са Styled Components у React-у

Проширена стилизација компоненти у React-у

Почетак учења стилизовања са CSS модулима у React-у

Наставак учења стилизације са CSS модулима у React-у

Команда composes за класе у CSS modules у React-у

Команда composes за фајлове у CSS модулима у React-у

Пројекти

Пројекат Чеклиста у React

Пројекат Нотес у React-у