Делаем добро вместе Детальнее

Уроки React Native

#2 – Создание проекта. Запуск на Андроид и iOS

#2 – Создание проекта. Запуск на Андроид и iOS

Начиная с этого урока мы приступаем к началу изучения платформы React Native. В ходе урока мы создадим наш первый проект и выполним его тестирование на Андроид и iOS.

Видеоурок

Полезные ссылки:


Создание проекта

Создать проект можно двумя способами:

  1. Использовать React Native CLI;
  2. Использовать фреймворк Expo.


React Native CLI предоставляет немного большее количество файлов и папок для разработки проекта. В то же время, они вам никак не понадобятся если вы только приступаете к разработке. Вместо React Native CLI проще использовать фреймворк Expo. 


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


Для создания проекта на его основе необходимо выполнить два шага:

  1. Установить Expo на ваш компьютер. Установка проходит через терминал (командную строку).
  2. Прописать команду «expo init НАЗВАНИЕ_ПРОЕКТА».


Детальное описание установки вы можете найти здесь.


Тестирование программ

Тестировать React Native проект можно тремя разными способами:

  1. Тестирование проекта на Андроид
  2. Тестирование проекта на iOS
  3. Тестирование проекта в веб браузере


Если вы хотите протестировать проект на телефоне, то сперва нужно установить эмулятор на компьютер. Для iOS он устанавливается вместе с программой Xcode. Для Андроид он устанавливается вместе с программой Android Studio.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Задание к уроку

Создание проекта

Пропишите команду для создания нового проекта с названием «my-app».

Посмотреть ответ

В терминале укажите следующую команду:

expo init my-app

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Курс по React JS для начинающих
14 уроков
Создание приложения на React JS / Использование API
7 уроков
Комментарии для сайта Cackle