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 атрибутына деректерді енгізу
Style атрибутында CSS стильдерімен жұмыс
Айнымалылардан style атрибутына деректерді енгізу
Styled Components
Styled Components-тегі пропстер
Styled Components-тегі пропстер және шартты рендеринг
Кеңейтілген стильдеуі бар компоненттер
CSS modules-пен жұмысты бастау
CSS modules-пен жұмысты жалғастыру
Класстар үшін composes командасы
Файлдар үшін composes командасы
