Асноўны падручнік React
Увядзенне
Устаноўка React
Падключэнне плагіна react-devtools
Кампанентны падыход
Макет сайта
Вынік работы кампанента
Мова JSX
Увядзенне ў JSX
Вяртанне ўкладзеных тэгаў
Знос тэга ўніз
Вяртанне некалькіх тэгаў
Вяртанне незачыненага тэга
Вяртанне функцыяй пустога тэга
Устаўка значэнняў зменных
Нюансы пры ўстаўцы зменных
Устаўка масіваў
Устаўка аб'ектаў
Устаўка ў атрыбуты
Захоўванне тэгаў у JSX
Захоўванне некалькіх тэгаў
Тэгі на розных радках
Вяртанне тэгаў
Закрытасць тэгаў JSX
Карэктнасць вёрсткі
Выкананне кода JavaScript
Умовы
Умовы ў JSX
Паказ па ўмове
Умовы для вяртання тэга
Тэрнарны аператар у JSX
Выкарыстанне аператара && ў JSX
Інвертаванне для скарочаных умоў
Функцыі
Выкарыстанне функцый
Выклік функцый унутры тэгаў
Навяшчанне апрацоўшчыкаў
Параметры апрацоўшчыкаў
Аб'ект Event
Аб'ект Event пры перадачы параметраў
Фарміраванне тэгаў
Масіў тэгаў
Масіў тэгаў у цыкле
Тэгі з масіва з данымі
Ключы ў масіве
Масіў аб'ектаў
Ключы праз id
Табліца з масіва аб'ектаў
Унікальныя id
Абмеркаванне
Праблемы з новымі id
Выпадковыя радкі для id
Генерацыя id
Функцыя для генерацыі id
Выкарыстанне функцыі id
Няправільнае выкарыстанне функцыі
Стэйты
Увядзенне ў стэйты
Выкарыстанне
Рэактыўнасць
Лагічнае значэнне ў стэйце
Лічыльнік пры работе са стэйтамі
Формы
Работа з інпутамі
Змяненне даных інпута пры іх вывадзе
Змяненне даных з дапамогай функцыі
Работа з некалькімі інпутамі
Апрацоўка даных формы
Работа з textarea
Работа з чэкбоксамі
Чэкбоксы і ўмоўны рэндэрынг
Работа з селектамі
Пункты селекта з масіва
Атрыбуты value у селекце
Атрыбуты value селекта з масіва
Работа з radio
Значэнні па змаўчанні
Прывязка інпутаў да масіва
Прывязка інпутаў да аб'екта
Даныя
Увядзенне
Рэактыўнае дадаванне ў масіў
Рэактыўныя аперацыі над масівамі
Рэактыўнае дадаванне ў масіў аб'ектаў
Рэактыўныя аперацыі над масівамі аб'ектаў
Рэактыўны паказ даных
Кампаненты
Увядзенне ў кампаненты
Выкарыстанне кампанентаў
Некалькі экземляраў кампанента
Пропсы кампанентаў
Даччыныя кампаненты
Масіў для стварэння даччыных кампанентаў
Даччыныя кампаненты ў цыкле
Перадача стэйтаў у даччыныя кампаненты
Перадача id у кампанент
Змяненне стэйта бацькі
Рэдагаванне стэйта бацькі
Рэдагаванне стэйта прабацькі
Рэжымы работы праз стэйты
Канцэпцыі
Увядзенне
Даныя кампанентаў
Тыпы кампанентаў
Аднанапрамаваны паток даных
Пад'ём станаў
Адзін крыніца ісціны
Стылізацыя
Спосабы стылізацыі ў React
Глабальны CSS
Устаўка даных у атрыбут style з аб'екта
Устаўка даных у атрыбут style з асобнага файла
Работа з CSS стылямі ў атрыбуце style
Устаўка даных у атрыбут style з зменных
Styled Components
Пропсы ў Styled Components
Пропсы і ўмоўны рэндэрынг у Styled Components
Кампаненты з пашыранай стылізацыяй
Пачатак работы з CSS modules
Працяг работы з CSS modules
Каманда composes для класаў
Каманда composes для файлаў