К содержанию

Асноўны падручнік React

Падручнік па JavaScript фрэймворку React. Для пачаткоўцаў. Шмат тэорыі і задач.

Уроки

Увядзенне ў фрэймворк React

Устаноўка фрэймворка React

Падключэнне плагіна react-devtools

Уводзіны ў кампанентны падыход у 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

Няправільнае выкарыстанне функцыі 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

Прывязка інпутаў да аб'екта ў React

Даныя

Рэактыўнасць даных у React

Рэактыўнае даданне ў масіў у React

Рэактыўныя аперацыі над масівамі ў React

Рэактыўнае дадаванне ў масіў аб'ектаў у React

Рэактыўныя аперацыі над масівамі аб'ектаў у React

Рэактыўны паказ даных у React

Кампаненты

Увядзенне ў кампаненты React

Выкарыстанне кампанентаў у React

Некалькі асобнікаў кампанента ў React

Пропсы кампанентаў у React

Стварэнне даччыных кампанентаў у React

Масіў для стварэння даччыных кампанентаў у React

Дочэрнія кампаненты ў цiкле React

Перадача стэйтаў у даччыныя кампаненты ў React

Перадача id у кампанент у React

Змяненне стэйту бацькі ў даччыным кампаненце ў React

Рэдагаванне стэйта бацькі ў даччыным кампаненце ў React

Рэдагаванне стэйту ўнучатага кампанента ў React

Рэжымы працы праз стэйты кампанентаў-нашчадкаў у React

Канцэпцыі

Канцэпцыі React пры рабоце з кампанентамі

Даныя кампанентаў у React

Тыпы кампанентаў у React

Аднанапраўлены паток даных у React

Падзей станняў у React

Адзін крыніца ісціны ў React

Стылізацыя

Способы стылізацыі React кампанентаў

Выкарыстанне глабальнага CSS пры стылізацыі ў React

Устаўка даных у атрыбут style з аб'екта ў React

Устаўка даных у атрыбут style з асобнага файла ў React

Работа з CSS стылямі ў атрыбуце style у React

Устаўка даных у атрыбут style з зменных у React

Стылізацыя з дапамогай Styled Components у React

Выкарыстанне пропсаў з Styled Components у React

Выкарыстанне пропсаў ва ўмоўным рэндэрынгу з Styled Components у React

Пашыраная стылізацыя кампанентаў у React

Пачатак вывучэння стылізацыі з CSS modules у React

Працяг вывучэння стылізацыі з CSS modules React

Команда composes для класаў у CSS modules у React

Каманда composes для файлаў у CSS modules у React

Праекты

Праект Чэкліст у React

Праект Блакнот у React