React Native быстро стал одной из самых популярных платформ для создания кроссплатформенных мобильных приложений. Основанный на JavaScript и React Library Facebook, он ориентирован на производительность и тесную интеграцию с нативными платформами. Благодаря тому, что Facebook вложил средства в фреймворк, а React учится один раз, пишет
философию в любом месте
, у React большое будущее.
Официального способа создания приложений для iOS в Windows или Linux не существует, поэтому данное руководство в основном посвящено установке в OS X.
Шаг 1: Менеджеры зависимостей
Начните с установки Homebrew , удобного инструмента для установки приложений на OS X, которых нет в магазине приложений. Chocolatey — это эквивалент Windows, с большинством необходимых пакетов, доступных в Linux.
Шаг 2. Установите дополнительные зависимости
сторож
Watchman — это сервис, который отслеживает изменения файлов и запускает действия на основе этих изменений. Команда React Native рекомендует мгновенно показывать изменения в коде.
Установка Mac
brew install watchmanУстановка Windows
Поддержка Windows в Alpha, но прочитайте эту проблему GitHub, чтобы попытаться установить Watchman на Windows.
Установка Linux
git clone https://github.com/facebook/watchman.git
cd watchman
./autogen.sh
./configure
make
sudo make install
поток
Flow — это средство проверки статического типа , которое поможет сделать ваш JavaScript более стабильным.
Установка Mac
brew install flow
Установка Windows
Поддержка Windows в Alpha, но прочитайте эту проблему GitHub, чтобы попытаться установить Flow на Windows.
Установка Linux
wget https://facebook.github.io/flow/downloads/flow-linux64-latest.zip
unzip flow-linux64-latest.zip
cd flow-linux64-latest
echo -e "\nPATH=\"\$PATH:$(pwd)/\"" >> ~/.bashrc && source ~/.bashrc
Шаг 3: Установить узел
Недостатком использования Homebrew является то, что наличие менеджера пакетов может привести к усложнению другого менеджера пакетов, и у вашей установки NPM могут возникнуть проблемы с надежностью. Если вы работаете в Windows, у Chocolatey не должно быть проблем.
Самый надежный способ установить Node — это установить его под NVM (Node Version Manager). Если у вас уже есть NVM или у вас установлена версия Node 4+ другими способами, вы можете перейти к шагу 4.
Удалить предыдущую установку узла
Удалите существующую версию узла, следуя советам в этой сути , кратко изложенным:
rm -rf /usr/local/lib/node_modules
brew uninstall node
Установить NVM
Linux и Mac OS
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.2/install.sh | bash
Windows
Есть неофициальные альтернативы для установки NVM на Windows, найдите их здесь .
Шаг 4: Установите последний узел и установите React Native
Теперь вы сможете запускать следующие команды для установки Node, установки версии Node по умолчанию для новых терминалов и установки React Native:
nvm install node && nvm alias default node
npm install -g react-native-cli
Теперь у вас есть инструменты командной строки для React Native. Далее давайте установим зависимости iOS и Android.
Шаг 5: Установите Xcode
Xcode доступен только для Mac и может быть установлен непосредственно по этой ссылке .
Шаг 6: Зависимости Android
Java Developer Kit
Установите последнюю версию JDK (Java Development Kit) отсюда . Пользователям Mac также потребуется установленная среда выполнения Java, подробности см . Здесь .
Android SDK
Android Studio является официальной IDE для нативной разработки Android, и Android SDK, включенный в нее, загрузите Android Studio здесь .
Шаг 7: Создайте собственный проект React
Создайте проект React Native с помощью этой команды:
react-native init projectname
Теперь у вас установлен React Native и ваш первый проект!
Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы или комментарии ниже.