Reactтин негизги окуу куралы
Киришүү
React орнотуу
react-devtools плагинин туташтыруу
Компоненттик жөнөкөйлүк
Сайттын макети
Компоненттин ишинин натыйжасы
JSX тили
JSX киришүү
Ичилген тегдерди кайтаруу
Тегди ылдый сүрүү
Бир нече тегди кайтаруу
Жабылбаган тегди кайтаруу
Функция менен бош тегди кайтаруу
Өзгөрмөлөрдүн маанилерин киргизүү
Өзгөрмөлөрдү киргизүүдөгү нюанстар
Массивдерди киргизүү
Объектилерди киргизүү
Атрибуттарга киргизүү
JSX тегдерди сактоо
Бир нече тегди сактоо
Ар катардагы тегдер
Тегдерди кайтаруу
JSX тегдердин жабыктыгы
Верстканын тууралыгы
JavaScript коду иштетүү
Шарттар
JSX'теги шарттар
Шарт боюнча көрсөтүү
Тегди кайтаруу үчүн шарттар
JSX'теги үч мүчөлүү оператор
JSX'те && операторун колдонуу
Кыскартылган шарттар үчүн инверттөө
Функциялар
Функцияларды колдонуу
Тегдердин ичинде функцияларды чакыруу
Обработчиктерди орнотуу
Обработчиктердин параметрлери
Event объектиси
Параметрлерди өткөзгөндө Event объектиси
Тегдерди түзүү
Тегдердин массиви
Циклдогу тегдер массиви
Маалымат массивинен тегдер
Массивдеги ачкычтар
Объекттердин массиви
ID аркылуу ачкычтар
Объекттер массивинен таблица
Unique id
Талкуу
Жаңы id менен көйгөйлөр
id үчүн кокус саптар
id генерациялоо
id генерациялоо функциясы
id функциясын колдонуу
Функцияны туура эмес колдонуу
Стейттер
Стейттерге киришүү
Колдонуу
Реактивдүүлүк
Стейттеги логикалык маани
Стейттер менен иштөөдө эсептегич
Формалар
Инпуттар менен иштөө
Инпуттун маалыматтарын чыгарганда өзгөртүү
Функциянын жардамы менен маалыматтарды өзгөртүү
Бир нече инпут менен иштөө
Форманын маалыматтарын иштетүү
Textarea менен иштөө
Чекбокстар менен иштөө
Чекбокстар жана шарттуу рендеринг
Селекттер менен иштөө
Селекттин пункттары массивден
Селекттеги value атрибуттары
Селекттин value атрибуттары массивден
Radio менен иштөө
Демейки маанилер
Инпуттарды массивге байлоо
Инпуттарды объектке байлоо
Данныелар
Киришүү
Массивге реактивдүү кошуу
Массивдер үстүндө реактивдүү операциялар
Объектилер массивине реактивдүү кошуу
Объектилер массиви үстүндө реактивдүү операциялар
Реактивдүү маалыматтарды көрсөтүү
Компоненттер
Компоненттерге киришүү
Компоненттерди колдонуу
Компоненттин бир нече инстанстары
Компонент пропстары
Бала компоненттер
Бала компоненттерди түзүү үчүн массив
Циклдөөдөгү бала компоненттер
Стейттерди бала компоненттерге өткөрүү
Компонентке id өткөрүү
Ата-эне стейтин өзгөртүү
Ата-эне стейтин түзөтүү
Чоң ата-эне стейтин түзөтүү
Стейттер аркылуу иштөө режимдери
Түшүнүктөр
Киришүү
Компоненттердин маалыматтары
Компоненттердин түрлөрү
Бир багыттагы маалымат агымы
Статустун көтөрүлүшү
Чындыктын бир булагы
Стилдештирүү
React-те стилдештирүү ыкмалары
Глобалдык CSS
Объекттен style атрибутуна маалыматтарды киргизүү
Өзгөчө файлдан style атрибутуна маалыматтарды киргизүү
Style атрибутунда CSS стилдери менен иштөө
Өзгөрмөлөрдөн style атрибутуна маалыматтарды киргизүү
Styled Components
Styled Components-те пропстар
Styled Components-те пропстар жана шарттуу рендеринг
Кеңейтилген стилдештирүү менен компоненттер
CSS modules менен иштөөнү баштоо
CSS modules менен иштөөнү улантуу
Класстар үчүн composes командасы
Файлдар үчүн composes командасы
