Курс по разработке мобильных приложений на React Native

Собрание

Первая встреча традиционно является собранием. На нём мы знакомимся, проверяем подключение, обсуждаем организационные вопросы, взаимодействие с преподавателем, как учиться на курсе.

Основы построения интерфейсов в React Native

Основные элементы пользовательского интерфейса в React Native: Text, View, Button, TouchableOpacity, Image и стили для них.

Основы вёрстки на React Native.

Создаём приложение в тестовой среде.

Организация компонентов на экране

Продолжаем изучать вёрстку на React Native, используем Flexbox и FlatList.

Создаём меню блюд для приложения.

Навигация в приложении

Научимся добавлять в проект библиотеки, ставим React Navigation.

Делаем навигацию, поддержку нескольких экранов, кнопки туда-обратно с помощью Stack Navigator и TabNavigator.

Реализуем взаимодействие между экранами, передачу данных.

Боевая среда, сравнение Expo и React Native

Создаём проект с нуля локально.

Знакомимся с работой симуляторов Android и iOS.

Добавим шрифты и иконки в проект.

Жизненный цикл компонента

Знакомимся с классовыми компонентами и методами их жизненного цикла.

Используем хуки useState и useEffect при вводе данных, изменении количества товаров в корзине, загрузке экрана.

Ввод данных с TextInput.

Запросы на сервер

Использование библиотеки axios для HTTP-запросов на сервер (вместо fetch).

Использование Postman для отладки запросов.

Библиотека для кеширования запросов React Query.

Загрузка каталога продуктов в приложение с сервера.

Полезные хуки, создание своих хуков

Продолжаем работать с хуками, изучим новые:

• useReducer
• useMemo
• useCallback
• useNavigation

Создадим корзину для заказа в приложении.

Redux для управления состоянием приложения

Что такое Redux, для чего он нужен, как его использовать.

Библиотека для упрощенной работы с Redux – redux toolkit.

Переделка архитектуры приложения на Redux.

Сохранение данных между перезапусками приложения с помощью redux persist.

Сохранение корзины заказа в приложении между запусками.

Введение в redux saga.

Анимация

Инструменты создания анимаций в приложении:

• Animated и LayoutAnimation в react-native
• react-native-animatable
• lottie-react-native
• введение в react-native-reanimated

Иконки, стартовый экран, сборка и релиз проекта

Сборка курсового проекта, добавление деталей (иконка, стартовый экран).

Как выкладывать приложение в магазин (Google Play, App Store).

Функции телефона

Использование функций телефона:

• Звонки.
• Открытие приложений по ссылке.
• Механизм share - поделиться с друзьями.
• Работа с камерой и галереей.

Что еще нужно знать разработчику мобильных приложений?

• Полезные библиотеки.
• Карты и другие по запросу
• Ответы на вопросы, куда двигаться дальше.