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'те объекттердин массивдерin чыгаруу

React'те id аркылуу уникалдуу ачкычтар

React'те объекттердин массивдин HTML таблица түрүндө чыгаруу

Unique id

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

Reactте жаңы id менен болгон маселелер

React'те id үчүн туш келди саптар

React'те id генерациялоо

React'те id генерациялоо функциясы

React'те id функциясын колдонуу

React'те id функциясын туура эмес колдонуу

Стейттер

React'теги стейттерге киришүү

React'те стейттерди колдонуу

Reactтегиндеги state реактивдүүлүгү

Reactтеги стейттеги логикалык мааниси

Reactтеги стейттердеги эсептегич

Формалар

Reactте инпуттар менен иштөө

Reactте инпуттун маалыматтарын чыгаруу учурунда өзгөртүү

Reactте функция жардама менен маалыматтарды өзгөртүү

React'те бир нече инпут менен иштөө

Түймө басканда Reactтеги форма маалыматтарын иштетүү

React'те textarea менен иштөө

React'те checkbox менен иштоо

Reactтагы чекбокстар жана шарттуу рендеринг

React'те select менен иштөө

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

Реакттеги селекттин value атрибуттары

React'теги массивден value атрибуттары бар селект

React'те радио менен иштөө

Reactтеги жасалма баалуулуктары

React'те массивге киргизүүчүлөрдү байланыштыруу

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

Данныелар