React негізгі оқулығы

JavaScript фреймворкі React бойынша оқулық. Жаңадан келгендер үшін. Көптеген теория және тапсырмалар.

Уроки

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-те шығару

Бірегей кілттер id арқылы React-те

Объектілер массивін React-те HTML кестесі түрінде шығару

Бірегей id

React-та бірегей id туралы талқылау

Жаңа id-лердің React-тағы проблемалары

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-та массивтен select пункттері

React-тағы select-те value атрибуттары

Массивден React-тағы селект value атрибуттары

React-та radio-мен жұмыс істеу

Реактта әдепкі мәндер

React-та массивке байланыстырылған енгізулер

React-те объектіге енгізулерді байлау

Деректер