Курс React Native Basic

Програма курсу

React Native: вступ

• Структура курсу
• Технологія React: короткий огляд
• Технологія React Native: короткий огляд

Розробка мобільних додатків

• Компонент WebView
• Що називають нативними або гібридними додатками
• Як налаштувати оточення Mac, Linux і Windows

React Native: початок роботи

• Налаштування робочого середовища і можливі проблеми
• Структура проєкту React Native
• Створення першого додатку "Hello, World!"
• Як використовувати компоненти JSX в React Native
• Точка входу двох платформ з єдиним компонентом
• React і React Native - взаємозамінність, відмінності й застосування
• Стилізація компонентів React програми
• Стилі в React Native - створення та застосування
• Що таке FlexBox, його переваги
• Як створити стилізований компонент
• Як використовувати стилі та компоненти повторно
• Як отримати віддалені дані
• Протокол HTTP - основні аспекти
• Використання шаблонів React Native. Компонент "Список"
• Де використовуються клас-орієнтовані компоненти
• Життєвий цикл компонента і його методи
• Зміна стану компонентів
• Робота з даними в React Native
• Список компонентів - візуалізація
• Багаторазове використання компонентів. Компонент "Картка" та його стилізація
• Як передати компоненти в властивості

Віртуальні компоненти програми

• Скрол-контент
• Кнопки. Стилізація кнопок
• Робота з вкладками
• Шари
• Картинки
• Оброблювач подій
• Оброблювач помилок
• Оброблювач подій авторизації
• Логін
• Як створити прелоадер, анімацію завантаження
• Як працювати з формами
• Умовний рендеринг JSX
• Інструмент управління станом Redux

Функціональне програмування

• Архітектурний підхід Flux
• Менеджер станів Redux: основи роботи
• Використання технології Header Bidding для створення додатків
• Шаблони проектування в React
• Як виконати стилізацію списків
• Створення списку ListView
• Як здійснити швидкий рендеринг одного рядка в React
• Використання функції Reducer
• Перенесення логіки компонента
• Застосування анімації в React
• Елементи з реакцією на торкання і підтримка подій торкання в React
• Основи тестування
• Робота з даними в React і в Redux
• Як зробити форму авторизації в Redux
• Як створити профіль користувача
• Як відбувається оновлення форм авторизації
• Поняття Immutable State або незмінності стану
• Поняття синхронної та асинхронної дії
• Бібліотека Redux Thunk: вступ
• Як реалізувати навігацію в додатку

Попередні вимоги

• Основи роботи з системою контролю версій
• Знання JavaScript і CSS
• Бажано мати досвід використання інших JavaScript-фреймворків, таких як ECMAScript або Babel.js

Після курсу ти зможеш:

• Використовувати основні функції React Native для розробки простих додатків
• Застосовувати візуальні компоненти та віддалені дані
• Налаштовувати елементи програми, виконувати їх стилізацію
• Застосовувати Redux і Flux при створенні додатків на React

Особливості курсу

• Викладачі практики
• Корпоративне навчання
• Можливість навчатись у вихідні
• Можливість влаштуватись у провідні IT-компанії
• Індивідуальне навчання