React-нинг асосий ўқув қўлланмаси

React JavaScript фреймворки ҳақида ўқув қўлланма. Янги бошланувчилар учун. Кўп назария ва вазифалар.

Уроки

React фреймворкига кириш

React фреймворкини ўрнатиш

React-devtools плагинини улаш

Reactда компонент ёндашувига кириш

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

Компонент иши натижаси

JSX тили

React да JSX тилига кириш

Функциялар томонидан JSX ички тегларини қайтариш

JSX да тегни пастга суришда функциянинг қайтариш қоидалари

JSXда бир нечта тегларни қайтаришнинг хусусиятлари

Ёпилмаган JSX тегни қайтариш

Функция томонидан JSXда буш тегни қайтариш

Вставка значений переменных и констант в JSX

Ўзгарувчилар қийматларини киритишдаги нюанслар

JSXда массивларни киритиш

JSXда объектларни киритиш

JSXда теглар атрибутларига ўзгарувчи ва константаларни киритиш

JSXда тегларни ўзгарувчи ва константаларда сақлаш

JSX константаларида бир нечта тегни сақлашнинг хусусиятлари

JSXда турли сатрлардаги теглар

JSX да return орқали тегларни қайтариш

JSX тегларининг ёпилиши

Reactдаги верстканинг тўғрилиги

JavaScript кодини ишга тушириш

Шартлар

JSX да шартларни қўллаш

Reactда шарт кўриб кўрсатиш

JSXда тегни қайтариш учун шартлар

JSX да тернар оператори

JSX да && операторидан фойдаланиш

JSX да қисқартирилган шартлар учун инвертлаш

Функциялар

Reactда функциялардан фойдаланиш

React даги теглар ичида функцияларни чакириш

JSXда вактларни белгилаш

JSX функциясида параметрлар

Reactдаги Event объекти

Параметрлар утказилганда Event объекти

Тегларни ҳосил қилиш

JSX да массивларидаги теглар

React даврасида теглар массивини хосил килиш

Reactда маълумотлар массивидан тегларни хосил килиш

Reactда теглар массивидаги уникал калитлар

Объектлар массивини Reactда чиқариш

Reactда id орқали уникал калитлар

Объектлар массивини Reactда HTML таблица шаклида чиқариш

Бир хил бўлмаган id

Reactда уникал idлар муҳокамаси

Reactда яңа idлар билан муаммолар

Reactда id учун таксимий сатрлар

Reactда idларни генерация қилиш

Reactда id генерация қилиш учун функция

Reactда id функциясидан фойдаланиш

Reactда id функциясини нотўғри қўллаш

Статлар

Reactда стейтлар билан ишлашга кириш

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да инпутларни массивга боглаш

Reactда инпутларни объектга боглаш

Маълумотлар