Почему React Native

Учитесь один раз, пишите где угодно: создавайте мобильные приложения с помощью React.

С React Native вы можете создавать мобильные приложения для платформ iOS и Android за доли времени, затраченные на разработку. Поскольку React Native использует технологии Javascript, квалифицированные разработчики легко доступны. Многие существующие разработчики React могут поделиться своими знаниями о сети и сразу же начать продуктивно.

React Native - это фреймворк, созданный facebook, который в настоящее время находится в активной разработке. Некоторые крупные игроки отрасли уже начали использовать React Native для своих продуктов. Facebook, Instagram, Soundcloud, Walmart, Airbnb, Wix - вот лишь некоторые из них.

это кому

Любой, кто хочет начать работать с React Native, но у него нет много времени, чтобы научиться и делать это.

Это сообщение в блоге коснется только поверхности того, что такое React Native и как он работает.

Если вам нужна более подробная статья, React Native имеет действительно хорошую документацию для начала работы на официальной странице React Native.

Что нужно

  • Текстовый редактор (подойдет любой текстовый редактор. Но лично мне нравится VS Code)
  • Node.js

Установка

Все приведенные ниже команды выполняются в Mac OSX. Но это также должно работать в среде Linux или Windows.

Убедитесь, что у вас установлены node и npm, выполнив следующие команды в командной строке

node -v
npm -v

Мы будем использовать expo для запуска нашего приложения. Expo позволяет очень легко тестировать и делиться нашим приложением. У использования expo есть несколько нюансов. Так что это может быть не для всех. В основном, если вам нужен доступ к какому-либо собственному модулю, который expo еще не предоставил, вам не будет пользы от использования expo. Но для большинства случаев все, что вам нужно, - это выставка.

npm install -g create-react-native-app

Это установит утилиту командной строки create-response-native-app.

Вот и все. Теперь ваш компьютер настроен для создания приложений React Native.

create-react-native-app AwesomeProject

cd AwesomeProject
npm start

Загрузите клиентское приложение expo для телефона Android или iPhone из магазина приложений, и вы сможете увидеть приложение в реальном времени на своем телефоне, отсканировав QR-код с терминала.

На Android вы можете сканировать QR-код из приложения expo. В iPhone из-за недавнего обновления политики яблок, которая больше не работает. Вы по-прежнему можете запустить приложение, отсканировав QR-код с помощью приложения камеры на iPhone.

Пока ноутбук и телефон находятся в одной сети, приложение загружается на ваш телефон.

Отлаживать

В зависимости от вашей ОС вы можете столкнуться с несколькими проблемами.

Mac OS X

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

xcode-select --install

Затем вы можете запустить симулятор iPhone и запустить приложение с помощью

npm run ios

Окна

У меня возникли трудности с запуском приложения из командной строки в Windows. Единственное, что у меня сработало, это загрузка Expo XDE и открытие через него моего проекта.

Симулятор

Если вы работаете в Mac OSX или Windows, вы можете запустить приложение в симуляторе Android. Вы можете использовать Android Studio или установить ADB отдельно для запуска симуляторов Android.

Более простой способ - установить Genymotion (Personal Edition).

Что дальше

  • React Native Docs (Официальные документы React Native)
  • Expo Docs (Официальные документы Expo)
  • React Native Express (Сборник вещей, которые помогут вам быстро начать работу)