Уроки React Native

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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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


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

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

  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 / Использование API
7 уроків
Изучение React JS / Redux библиотеки
9 уроків
Практика React JS / Разработка магазина (eCommerce)
9 уроків
Фреймворк Next JS / Изучение NextJS для начинающих
8 уроків
Курс по React JS для начинающих
11 уроків
MERN Stack / Разработка веб-приложения
9 уроків
Коментарі
Додати коментар

Поки що коментарів немає