Курс React Native (базовий)

Програма базового рівня дозволить познайомитися з тонкощами використання фреймворка React Native. React Native пропонує ряд інтегрованих компонентів, що дозволяє розробникам швидко і ефективно виконувати основні завдання.

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

Вступ

• Про курс
• Огляд технології React
• Огляд технології React Native
• Актуальність мобільної розробки
• WebView. Гібридні додатки або нативні додатки

Налаштування оточення

• Windows
• Mac
• Linux

Основи роботи з React Native

• Проблеми при налаштуванні середовища для роботи
• Структура проекту
• «Hello, World!» на React Native
• React vs React Native
• Створення компонентів з JSX
• Єдиний компонент як точка входу для обох платформ

Стилізація додатку

• Написання стилів для React Native
• Вступ до FlexBox
• Створення стилізованих компонентів
• Повторне використання компонентів і стилів

Отримання віддалених даних

• HTTP
• Шаблон компоненту «Список»
• Класо-орієнтовані компоненти
• Методи життєвого циклу компонента
• Отримання даних засобами React Native
• Стан компонента
• Візуалізація списку компонентів
• Компоненти для множинного використання - «Картка»
• Стилізація «Картки»
• Передача компонента до властивостей

Робота з візуальними компонентами

• Картинки
• Контент, який можна скролити
• Кнопки
• Обробка подій
• Стилізація кнопок
• Робота з шарами
• Вкладки

Обробка даних

• Процес логіну
• Обробка помилок
• Створення анімації-завантаження
• Умовний рендеринг JSX
• Робота з формою
• Обробка подій авторизації

Redux

• Основи функціонального програмування
• Flux
• Основи Redux
• Шаблони і реалізації

Створення додатку

• Header-додатки
• ListView
• Рендеринг одного рядку даних
• Стилізація списків
• Reducer
• Елементи, що реагують на дотики
• Винесення логіки з компонентів
• Анімація
• Тестування

Обробка даних React vs Redux

• Форма логування в Redux-світі
• Оновлення форми авторизації
• Незмінність стану (Immutable State)
• Синхронні і асинхронні дії
• Вступ до Redux Thunk
• Створення профілю користувача

Навігація

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

• Заняття 2-3 рази на тиждень
• Можливість оплати частинами
• Знижка -10% на наступний курс

Мінімальні вимоги

• Впевнене знання JavaScript або пройдений курс «Front End»
• Знання CSS
• Досвід роботи з іншим фреймворком на JavaScript: Babel.js та ECMAScript
• Вміння працювати з системою контролю версій
• Наявність комп'ютера для участі в онлайн-заняттях