Відеокурс

React Native: практичний гайд Mobile Developer

рівень intermediate

Пройди шлях від налаштування React Native до production-ready мобільного застосунку. Навчись працювати з навігацією, станом, анімаціями, native API, оптимізацією та unit-тестами.

React Native: розробка мобільних застосунків для iOS та Android

Навчіться створювати мобільні застосунки для iOS та Android, використовуючи JavaScript і React. Курс охоплює основні етапи розробки: від побудови інтерфейсу та навігації до тестування, оптимізації й інтеграції нативних можливостей.

Ви познайомитеся з архітектурою React Native, Expo та Community CLI. Навчитеся працювати з компонентами, стилями, Flexbox, зображеннями, полями введення та списками. Розберете навігацію через React Navigation і Expo Router, а також керування станом за допомогою Redux Toolkit і MobX.

Окремі заняття присвячені анімаціям з Animated і Reanimated, обробці жестів, світлій і темній темам та системним API. Ви навчитеся знаходити помилки, аналізувати продуктивність і тестувати код та компоненти з Jest і React Native Testing Library. Також познайомитеся з Native Modules, TurboModules, нативними UI-компонентами й налаштуванням іконки та Splash Screen.

Для кого: для розробників зі знанням JavaScript і базових принципів React, які хочуть перейти до мобільної розробки.

Результат: основа для самостійного створення багатоекранних React Native застосунків — від організації інтерфейсу, навігації та стану до перевірки їхньої роботи й покращення продуктивності.

-25%3 200 ₴
2 400 ₴
12
12
24
12
12
12
14 годин відео
26 занять
26 тестів
мова курсу українська
Твій AI-асистент
  • Андрій Нагорний
    Андрій Нагорний React/React-Native Developer

Вивчається на курсі

  • 1

    Вступ до React Native

    Безкоштовно
    • Відео35 хв • дивитись відео
    • Конспект
    • Тест
  • 2

    Робота з документацією React Native

    Безкоштовно
    • Відео16 хв • дивитись відео
    • Конспект
    • Тест
  • 3

    Стилізація: кольори, розміри та Flexbox

    • Відео43 хв • дивитись відео
    • Конспект
    • Тест
  • 4

    Стилізація: позиціювання, відступи, текст і тіні

    • Відео31 хв • дивитись відео
    • Конспект
    • Тест
  • 5

    View, Text та Image: базові компоненти інтерфейсу

    • Відео22 хв • дивитись відео
    • Конспект
    • Тест
  • 6

    TextInput, Pressable та компоненти взаємодії

    • Відео38 хв • дивитись відео
    • Конспект
    • Тест
  • 7

    ScrollView та FlatList: прокручування і списки

    • Відео43 хв • дивитись відео
    • Конспект
    • Тест
  • 8

    SectionList, StatusBar та Modal

    • Відео13 хв • дивитись відео
    • Конспект
    • Тест
  • 9

    API React Native: системні події, клавіатура та посилання

    • Відео28 хв • дивитись відео
    • Конспект
    • Тест
  • 10

    API React Native: щільність екрана та платформні можливості

    • Відео29 хв • дивитись відео
    • Конспект
    • Тест
  • 11

    React Navigation: Stack-навігація

    • Відео50 хв • дивитись відео
    • Конспект
    • Тест
  • 12

    React Navigation: Tabs, Drawer та вкладені навігатори

    • Відео39 хв • дивитись відео
    • Конспект
    • Тест
  • 13

    Expo Router: навігація через файлову структуру

    • Відео31 хв • дивитись відео
    • Конспект
    • Тест
  • 14

    Анімації в React Native: LayoutAnimation та Animated

    • Відео33 хв • дивитись відео
    • Конспект
    • Тест
  • 15

    Анімації з React Native Reanimated

    • Відео38 хв • дивитись відео
    • Конспект
    • Тест
  • 16

    Debugging у React Native

    • Відео35 хв • дивитись відео
    • Конспект
    • Тест
  • 17

    Оптимізація: re-renders, мемоізація та списки

    • Відео38 хв • дивитись відео
    • Конспект
    • Тест
  • 18

    Оптимізація запуску, JS bundle та зображень

    • Відео15 хв • дивитись відео
    • Конспект
    • Тест
  • 19

    Native Development на iOS: власні компоненти та Codegen

    • Відео30 хв • дивитись відео
    • Конспект
    • Тест
  • 20

    Native Development на Android: Native Modules і TurboModules

    • Відео25 хв • дивитись відео
    • Конспект
    • Тест
  • 21

    MobX: реактивне керування станом

    • Відео42 хв • дивитись відео
    • Конспект
    • Тест
  • 22

    Redux і Redux Toolkit: керування спільним станом

    • Відео41 хв • дивитись відео
    • Конспект
    • Тест
  • 23

    Unit-тестування з Jest

    • Відео34 хв • дивитись відео
    • Конспект
    • Тест
  • 24

    Тестування компонентів із React Native Testing Library

    • Відео15 хв • дивитись відео
    • Конспект
    • Тест
  • 25

    Іконка застосунку та Splash Screen

    • Відео42 хв • дивитись відео
    • Конспект
    • Тест
  • 26

    Світла й темна теми та робота з жестами

    • Відео32 хв • дивитись відео
    • Конспект
    • Тест
Доступ до розумного AI-помічника, який вміє:
  • Пояснювати складне та миттєво давати відповіді на питання щодо курсу чи уроку.
  • Бути ментором та допомагати зрозуміти логіку розв’язання: для цього ставлю цікаві доречні запитання.
  • За кілька секунд знаходити потрібні уроки й матеріали курсу разом із відповіддю.
  • Розуміти тебе з полуслова та відповідати на голосові запитання так само швидко, як і на текстові.
  • Бонус: перші 50 зірочок на користування помічником вже включено!

Після проходження курсу ви отримаєте сертифікат

-25%3 200 ₴
2 400 ₴
12
12
24
12
12
12

Можеш спробувати курс, перш ніж платити

Кожен урок у Hillel Max — це чіткий і простий план. Зручний та зрозумілий шлях до знань. Спочатку ти дивишся коротке відео, потім працюєш з прикладами та теорією, робочими матеріалами. Щоб закріпити знання, ти проходиш тест чи виконуєш практичне завдання. І на фінал — можеш перевірити себе та засвоєне, переглянувши готовий відеорозбір цієї практики від наших експертів.

Дивись відеоуроки, коли зручно

Навчайся у своєму темпі — без тиску й дедлайнів. Перемотуй, зупиняй, повертайся до складних тем або пропускай уже знайомі та вибирай саме ту тему, яка тобі потрібна тут і зараз.

Май міцну теорію під рукою

Чіткі та зрозумілі пояснення допоможуть систематизувати знання. Кожну тему ми розбили на зручні блоки з прикладами та ключовими моментами для кращого засвоєння.

Практикуйся на реальних задачах та тестах

Практичні задачі й кейси максимально наближені до актуальних робочих ситуацій. Зможеш прокачати навички, які знадобляться під час співбесід і в повсякденній роботі

Обрати курс
Можливостей
Навчання
Знань
Практики
Можливостей
Навчання
Знань
Практики
Bonuses block background image

Отримай бонуси
за навчання

Отримай XP за навчання
Виконуй щоденні завдання
Закривай тижневі відрізки
Збирай нагороди
Качай рівень
Отримуй бонуси, на які можна купити наступний курс
Gift