Почему 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.
Что нужно
Установка
Все приведенные ниже команды выполняются в 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 (Сборник вещей, которые помогут вам быстро начать работу)