Учебный план
Курс: React Native + Хуки
Авторизация

Curriculum

React Native + Хуки

1. Введение

0/9

2. Работа с контентом

0/8

3. Как управлять макетом страницы

0/3

4. Создание списков с оформлением

0/4

5. Базовые хуки

0/2

6. Cтиль и форматирование кода

0/3

7. Компоненты

0/5

8. Локальное состояние в компонентах

0/5

9. Навигация между экранами

0/0

10. Дополнительное оформление

0/0

11. Глобальное состояние приложения в Mobx + Mobx State Tree

0/0

12. Асинхронные операции и Mobx State Tree

0/0

13. Приложение доставки еды

0/0

14. Работа с сервером в приложении

0/0

15. Подготовка и деплой

0/0
Текст урока

1.2. Настройка окружения для macOS

Если у вас еще не установлен менеджер пакетов Homebrew, то необходимо его установить. Затем нам нужно установить node:

brew install node

Если у вас уже установлена нода, убедитесь, что она 12 версии или новее.

Следующий раздел можно пропустить, если у вас есть мобильное устройство на iOS / Android.

Что потребуется для разработки под Android c эмулятором?

Java Development Kit

Дальше необходимо установить JDK (Java Development Kit):

brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

Установка Android Studio

Нам понадобится также скачать Android Studio. Убедитесь, что отмечены следующие пункты при установке:

  • Android SDK

  • Android SDK Platform

  • Android Virtual Device

Установка Android SDK

После установки, зайдите в Android Studio и нажмите справа внизу Configure – SDK Manager.

Выбираем вкладку “SDK Platforms” и отмечаем чекбокс “Show package details”.

Найдите в списке Android 10 (Q) и убедитесь, что у вас отмечены следующие пункты:

  • Android SDK Platform 29

  • Intel x86 Atom_64 System Image или Google APIs Intel x86 Atom System Image

Дальше, выберите вкладку “SDK Tools” и отметьте “Show Package Details”. Найдите в списке “Android SDK Build-Tools” и убедитесь, что 29.0.2 отмечено и также “Android SDK Command-line Tools”.

В завершении, нажмите “Применить” для скачивания и установки пакетов и связанных инструментов сборки.

Конфигурация переменной ANDROID_HOME

Для сборки react native приложений необходимо настроить переменную среды ANDROID_HOME.

Добавьте следующие строки в ваш $HOME/.bash_profile или $HOME/.bashrc (если вы используете zsh , тогда ~/.zprofile или ~/.zshrc) файл конфига:

1export ANDROID_HOME=$HOME/Library/Android/sdk
2export PATH=$PATH:$ANDROID_HOME/emulator
3export PATH=$PATH:$ANDROID_HOME/tools
4export PATH=$PATH:$ANDROID_HOME/tools/bin
5export PATH=$PATH:$ANDROID_HOME/platform-tools

Скопируйте это

.bash_profile специфичен для bash. Если вы используете другую оболочку, вам нужно будет отредактировать соответствующий файл конфигурации для конкретной оболочки.

Напишите source $HOME/.bash_profile для bash или source $HOME/.zprofile для загрузки конфига в вашу текущую оболочку. Проверьте, что ANDROID_HOME установлена, запустив echo $ANDROID_HOME и проверьте, что нужны директории добавлены в ваш путь, запустите echo $PATH.

Что потребуется для разработки под Ios?

Xcode

Устанавливаем через Mac App Store.

Command Line Tools

Необходимо также установить Xcode Command Line Tools. Открываем Xcode, переходим в “Preferences”, переходим во вкладку “Locations” и выбираем последнюю версию в Command Line Tools:

Cocoapods

Устанавливаем командой sudo gem install cocoapods

Назад
Далее