Начало работы с React Native

В. Что такое React Native?

React Native - это фреймворк для разработки приложений для iOS и Android.

В. Почему React Native?

Единая кодовая база для Android и iOS с сохранением пользовательского интерфейса и возможностей Native.

В. Стоит ли изучать React Native?

Если вас интересует разработка мобильных приложений, да, да, ДА!

В. С чего начать?

К счастью, руководство по началу работы с Facebook - это лучшая документация по всем шагам, которые необходимо выполнить для правильной настройки вашего компьютера.

Примечание.
Компьютер Mac: можно использовать как для разработки приложений для Android, так и для iOS.
Windows / Linux: можно использовать только для разработки приложений для Android.

Https://reactnative.dev/docs/getting-started

Следуйте инструкциям React Native CLI Quickstart по указанной выше ссылке для настройки.

В. Почему бы не Expo CLI Quickstart?

Потому что Expo CLI не дает вам полного контроля над кодом. Это хорошо для менее сложных приложений. Я предлагаю вам начать обучение с помощью React Native CLI.

Действия по быстрой установке:

Компьютер MAC:

  1. Установите Xcode из AppStore (только для iOS)
  2. Установите Android Studio:
    https://developer.android.com/studio
  3. Когда будет предложено выбрать тип установки, выберите «Выборочная» установка. Убедитесь, что установлены флажки рядом со всем следующим:

4. Перейдите в диалоговое окно «Настройки» Android Studio в разделе «Внешний вид и поведение» → «Системные настройки» → «Android SDK».

Установите Android 9 (Pie) из SDK Manager

Теперь ваша система готова к разработке для iOS и Android!

Отсюда начинается установка React Native…
Откройте терминал и напишите следующие строки одну за другой.

  1. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  2. brew install node && brew install watchman && sudo gem install cocoapods && brew tap AdoptOpenJDK / openjdk && brew cask install accepttopenjdk8
  3. Настройте переменную среды ANDROID_HOME

Если вы не нашли .bash_profile или .bashrc на своем пути к $ Home, вам необходимо создать его.

Создание профиля Bash на MAC:

Откройте терминал и выполните следующую команду

cd ~ / && touch .bash_profile

Добавьте следующие строки в свой $HOME/.bash_profile или $HOME/.bashrc файл конфигурации:

экспорт ANDROID_HOME = $ HOME / Library / Android / sdk export PATH = $ PATH: $ ANDROID_HOME / emulator export PATH = $ PATH: $ ANDROID_HOME / tools export PATH = $ PATH: $ ANDROID_HOME / tools / bin export PATH = $ PATH: $ ANDROID_HOME / платформенные инструменты

Поздравляем! Ваш Mac готов к разработке приложений на React Native.

Создайте свой первый проект Hello World, выполнив в своем терминале следующее:

cd «где вы хотите создать свой проект»

npx react-native init HelloWorld

Готово!