Дарсномаи асосии React

Дарснома дар бораи фреймворки JavaScript React. Барои омӯзгорон. Бисёр назария ва масъалаҳо.

Уроки

Фреймворки React-ро муқаддима

Фреймворки React насб кардан

Плагини react-devtools-ро пайваст кардан

Муқаддима ба равиши компонентӣ дар React

Макети сайти фреймворки React

Натиҷаи кори компонент

Забони JSX

Муқаддима ба забони JSX дар React

Функсияҳо бо бозгардонидани тегҳои ҷойгиршудаи 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

Истифодаи нодурусти функсияи id дар React

State-ҳо

Дар React ба ҳолатҳо муқаддима

Истифодаи стейтҳо дар React

Реактивии стейтҳо дар React

Қимати мантиқӣ дар стейт дар React

Счётчик дар React бо истифода аз стейтҳо

Шаклҳо

Коркарди инпутҳо дар React

Дар React додаҳои воридшавандаро таҳрир карданашонро чоп кардан

Додаҳоро бо ёрии функсия дар React тағйир додан

Коркарди якчанд инпутҳо дар React

Дар React бо клик кардани тугма маълумоти формро кор кардан

Дар React бо textarea кор кардан

Кор бо checkbox дар React

Чекбоксҳо ва рендеринг шартӣ дар React

Бо select дар React кор кардан

Рӯйхати интихобкунандаҳо аз массив дар React

Атрибутҳои value дар select дар React

Атрибутҳои value-и селект аз массив дар React

Коркард бо radio дар React

Қиматҳои пешфарз дар React

Дар React воридҳоро ба массив алоқаманд кардан

Дар React воридкуниҳоро ба объект пайваст кардан

Даромад