Начало работы с 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:
- Установите Xcode из AppStore (только для iOS)
- Установите Android Studio:
https://developer.android.com/studio - Когда будет предложено выбрать тип установки, выберите «Выборочная» установка. Убедитесь, что установлены флажки рядом со всем следующим:
Android SDK
Android SDK Platform
Performance (Intel ® HAXM)
(AMD смотрите здесь)Android Virtual Device
4. Перейдите в диалоговое окно «Настройки» Android Studio в разделе «Внешний вид и поведение» → «Системные настройки» → «Android SDK».
Установите Android 9 (Pie) из SDK Manager
Теперь ваша система готова к разработке для iOS и Android!
Отсюда начинается установка React Native…
Откройте терминал и напишите следующие строки одну за другой.
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- brew install node && brew install watchman && sudo gem install cocoapods && brew tap AdoptOpenJDK / openjdk && brew cask install accepttopenjdk8
- Настройте переменную среды 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