CodeDala
⚛
💻 Әзірлеушілерге

React Бастау

Компоненттер, күй, эффекттер — заманауи фронтенд

Не құрастырасың
📘Берік іргетас
⚡Браузерде тәжірибе
🎯Шағын жобалар
🎓Курс сертификаты
📘 30 сабақ⏱ 1-2 кеш🎓 Кеңейтілген
🎯 Мақсат
React Бастау меңгеру
⚡+350XP
🏆СертификатPDF
🎓Курс аяқталды
Прогресс0 / 30 · 0%
Келесі қадам: React дегеніміз не

Курс бағдарламасы

01

Компоненттер мен JSX

0 / 5 сабақ
⌄
  1. 01

    React дегеніміз не

    Кітапхана•Компонент•JSX⚡ +10
    ▶ Қазір
  2. 02

    JSX ережелері

    Бір түбір тег•Fragment <>•className⚡ +10
    Ашық
  3. 03

    JSX-те өрнектер

    Фигуралы жақша {}•JS өрнектері•Шаблон мәтін⚡ +10
    Ашық
  4. 04

    Компоненттерді қолдану

    Тег ретінде шақыру•Кірістіру•Шаблон қайта пайдалану⚡ +10
    🔒 Pro
  5. 05

    TypeScript пен TSX

    TSX кеңейтімі•Тип аннотациясы•Неге TypeScript⚡ +10
    🔒 Pro
02

Props

0 / 5 сабақ
⌄
  1. 06

    Props дегеніміз не

    Props объектісі•Параметр ретінде•Мән беру⚡ +10
    🔒 Pro
  2. 07

    Props деструктуризациясы

    Деструктуризация•Таза жазу•Параметр жайылту⚡ +10
    🔒 Pro
  3. 08

    Props интерфейсі

    interface тип•Props типі•Қайта пайдалану⚡ +10
    🔒 Pro
  4. 09

    Әдепкі props мәндері

    Әдепкі мән•Деструктуризация = мән•Міндетті емес prop⚡ +10
    🔒 Pro
  5. 10

    children prop

    children prop•Орауыш компонент•ReactNode типі⚡ +10
    🔒 Pro
03

useState күйі

0 / 5 сабақ
⌄
  1. 11

    useState кіріспесі

    useState хукі•Күй айнымалысы•Ре-рендер⚡ +10
    🔒 Pro
  2. 12

    useState типтері

    Тип параметрі•boolean күйі•string күйі⚡ +10
    🔒 Pro
  3. 13

    Бірнеше күй айнымалысы

    Бірнеше useState•Тәуелсіз күйлер•Форма деректері⚡ +10
    🔒 Pro
  4. 14

    Объект күйі

    Объект күйі•Spread синтаксисі•Иммутабельділік⚡ +10
    🔒 Pro
  5. 15

    Санауыш мини-жобасы

    Санауыш•Арттыру/Азайту•Нөлге қайтару⚡ +10
    🔒 Pro
04

Оқиғалар мен формалар

0 / 5 сабақ
⌄
  1. 16

    onClick оқиғасы

    onClick оқиғасы•Оқиға өңдеуші•Анонимді функция⚡ +10
    🔒 Pro
  2. 17

    onChange оқиғасы

    onChange оқиғасы•Оқиға объектісі e•input мәні⚡ +10
    🔒 Pro
  3. 18

    onSubmit оқиғасы

    onSubmit оқиғасы•e.preventDefault()•Форма жіберу⚡ +10
    🔒 Pro
  4. 19

    Бақыланатын input

    Бақыланатын input•value + onChange•Күй синхроны⚡ +10
    🔒 Pro
  5. 20

    Todo формасы мини-жобасы

    Todo жасау•Жіберу формасы•Тізімге қосу⚡ +10
    🔒 Pro
05

Тізімдер мен шарттар

0 / 5 сабақ
⌄
  1. 21

    Тізімді .map() арқылы рендерлеу

    .map() рендерлеу•JSX массиві•Элементтер тізімі⚡ +10
    🔒 Pro
  2. 22

    key проп

    key проп•Бірегей ID•Индекс vs ID⚡ +10
    🔒 Pro
  3. 23

    Үштік оператормен шартты рендер

    Шартты рендер•Үштік оператор•? : синтаксис⚡ +10
    🔒 Pro
  4. 24

    && операторымен шартты рендер

    && операторы•Бір жақты шарт•Қысқа рендер⚡ +10
    🔒 Pro
  5. 25

    Todo тізімі мини-жобасы

    Todo тізімі•Тізім рендерлеу•Белгілеу функциясы⚡ +10
    🔒 Pro
06

useEffect және композиция

0 / 5 сабақ
⌄
  1. 26

    useEffect кіріспесі

    useEffect хукі•Жанама эффект•Рендерден кейін⚡ +10
    🔒 Pro
  2. 27

    useEffect тазалау функциясы

    Тазалау функциясы•return () => {}•setInterval тазалау⚡ +10
    🔒 Pro
  3. 28

    Компоненттерді біріктіру (композиция)

    Композиция•Орауыш компонент•Ішкі компоненттер⚡ +10
    🔒 Pro
  4. 29

    Күйді жоғарыға көтеру (lifting state)

    Күйді жоғарылату•Callback props•Ортақ күй⚡ +10
    🔒 Pro
  5. 30

    Toggle мини-жобасы

    Toggle компоненті•Күй + эффект•Аяқтаушы жоба
    Курс аяқталды
    🔒 Pro