Автор оригинала: FreeCodeCamp Community Member.
Ничто не лучше, чем создание приложений с JavaScript. Если вы не создаете мобильные приложения. JavaScript предназначен для создания веб-приложений и используя его для создания собственного мобильного приложения, используемого для не возможно. Для любого веб-разработчика трудно погрузиться в строительство местных мобильных приложений. Они должны изучать Java или overication-C … или любой язык программирования, который использовался для этой цели.
То есть до Facebook’s Реагировать родной сломал этот барьер. React Native поставляется с большими преимуществами, такими как строительные кроссплатформенные приложения для Android и iOS. Прежде чем реагировать на родной, вам пришлось записать свой код дважды – один для Android и один для iOS. Это больше не так.
Эта статья – это вступление в мир реагирования на родом, так что будьте готовы?
Зачем реагировать на родных?
Правильно, так зачем реагировать на родных и не каких-либо других технологий?
Это дает нам много решений, которые другие технологии не могут себе позволить. Вот что вы можете сделать с реактивным нативным:
Здание родных мобильных приложений
React Nature позволяет нам писать нативные приложения в JavaScript для iOS, так и для Android. Это дает нам возможность использовать все родные компоненты, такие как жесты, push-уведомления, камера и местоположение. Есть несколько других библиотек JavaScript для строительства мобильных приложений, таких как Ionic или Phonegap. Но эти библиотеки используют WebView, а приложения, построенные с этими технологиями, не являются родными.
Строительные перекрестные мобильные приложения (iOS и Android)
Да, с raction arious вы можете построить мобильные приложения, которые могут работать на iOS и Android. Это одна из величайших преимуществ реагирования родных. До того, как Facebook создал его, вы должны были построить свое приложение дважды и с другим кодом: один для iOS, используя SWIFT или Objective-C и один для Android, используя Java или Kotlin. React Native решил эту проблему, поэтому вы можете построить свое собственное приложение React National, и он будет работать в iOS и Android. Потрясающие! ?
Напишите свой код все в JavaScript и реагируют
Пока вы строите реагировать нативные приложения, вы на самом деле напишите JavaScript. Rectjs Код позволяет создавать отличные пользовательские компоненты.
Начало работы с реактивными
Начиная с реагированной реакции может быть захватывающим, но в то же время может быть немного запутанным. Первый шаг – это установить его, и есть несколько способов сделать это:
Использование EXPO-CLI:
EXPO-CLI – это инструмент командной строки. Он загружает и устанавливает реактивный котел для вас, интегрирован с Экспо API ( Проверить здесь для руководства по установке ). Это простой способ создать реактивный нативное приложение, и это рекомендуется, если вы только что начали с реагирования на родных.
EXPO-CLI дает вам много вариантов. Вы можете запустить и проверить ваше приложение на мобильном устройстве без какой-либо конфигурации. Сканирование QR-код и ваше приложение откроется с приложением EXPO Mobile. Вы можете исследовать другие мобильные приложения, построенные с React Nature на браузере над веб-интерфейсом под названием апперитизировать !
Использование React-Nature-Cli
R . ECT-Native-Cli делает ту же работу, что и экспо-CLI, но с другим подходом и дополнительными преимуществами. Приложения, которые устанавливаются с React-Nature-CLI, предоставят нам опцию и возможность создавать наши собственные модули в нашем приложении. Вам не нужно извлечь ваше приложение, чтобы иметь возможность делать родные модули. Извлечение позволяет использовать собственные модули и собственные собственные модули ( Мы исследуем, как писать родные модули в другой части ).
Развивающиеся реагирующие нативные приложения на разных платформах – это другой процесс. Некоторые времена нам нужна определенная конфигурация для конкретной платформы. Например, чтобы построить для Android, вам нужно использовать Android SDK, поэтому давайте рассмотрим, как это работает!
Строительство мобильных приложений для Android
Существуют некоторые требования для установки для начала разработки для Android. Во-первых, вы должны скачать и настроить как Android SDK и Android Studio. Вы можете скачать их с помощью этой ссылки здесь Отказ
После загрузки Android-студии вам нужно также установить некоторые API. Чтобы сделать эту открытую студию Android, затем нажмите вкладку Настройки Это окно откроется:
Во-первых, проверьте платформу. Затем переключитесь на SDK Tools.
И проверьте Android SDK Build-Tools , Android SDK Tools и Google Play Service Отказ Под Android SDK Build-Tools Выберите все платформы:
- Начиная с 19.0,0 до 20.0,0
- От 22,0,0 до 24,0,0
- И 25.0.2, 26.0.1 до 26.0.3
- 27.0.3 и 28.0.1 до 28.02
Теперь мы сделаем с SDK и Android Studio. Следующий шаг – эмулятор. Эмулятор (или симулятор) – это то, где мы должны запустить и проверить наше приложение. Есть много разных вариантов.
Вы можете использовать эмуляторы Android Studio. Вы проверяете здесь, как создать Эмулятор для использования на Android Studio Отказ Честно говоря, я никогда не использовал их. Я предпочитаю Genymotion или реальное устройство вместо этого.
Генема
Genymotion Это настольное приложение, которое предоставляет виртуальный эмулятор для проверки вашего приложения. Мне нравится использовать его много, потому что это быстро. ? Это дает вам варианты создания настроенного телефона с функциями, которые вы можете найти в любом реальном устройстве. Например, включить Wi-Fi, местоположение и камеру. Я настоятельно рекомендую вам использовать g Энимоции над эмуляторами студии Android или любого другого эмулятора.
Используя реальные устройства
Нет ничего лучше, что используя реальные устройства для запуска и проверки вашего приложения. Это потому, что он позволяет вам знать, как приложение выглядит на реальном устройстве. Это заставляет вас чувствовать реальность вашей работы так, как виртуальное устройство не дает. Так что, если у вас есть возможность использовать устройство, не стесняйтесь.
До этого момента мы в порядке с Android – но как насчет iOS?
Создание реактивных приложений для iOS
Бег React Reage для iOS не выглядит сильно отличаться от Android. То же самое реагирующее нативное приложение, которое проходит в Android, может работать на iOS, а также некоторые исключения.
Например, если вы хотите запустить на устройстве iOS, вам нужно иметь MacOS. Говоря о MacOS и iOS, вам не нужно загружать какие-либо дополнительные зависимости, такие как SDK для Android, чтобы запустить React Nature на iOS.
Что касается эмуляторов, XCode имеет хорошие эмуляторы, которые вы можете использовать для проверки вашего NATION NATION APP. Вы можете проверить этот пост, который показывает некоторые трюки для использования с эмуляторами.
В MacOS вы можете запустить как iOS, так и для Android. Вы определенно можете установить Android Studio и Genymotion на MacOS. Эта возможность не существует на ПК, где вы можете запустить только эмулятор Android, но не эмулятор iOS. Так тебе повезет? Если у вас есть MacOS – наслаждайтесь?
Итак, теперь у нас есть среда для создания собственного приложения RACT NATION, и мы установили все, но как написано родной код RACT? Это так просто: вы на самом деле напишите Rectjs код.
Вы можете проверить Официальное руководство Чтобы получить некоторую практику с реагированием родным. Я рекомендую эту отличную статью для начала « rect Noated youtube Replica. ». Он будет руководить вами шагом, чтобы создать имя первого нативного приложения RACT.
Ух ты! До сих пор вы в порядке, и вы кодируете с реагированным. ? Но вам нужно проверить и отладки ошибок и увидеть журналы вашего кода. Y eah logs !! Поэтому нам нужен D Эбоггера! Как вы отлаживаете с реагированием родным?
Отладка реагированных
Отладка вашего кода очень важен, а не только с реактивными нажимами, но с любым другим языком программирования. Так что в своем родном кодексе реагируют, вам нужно знать, что происходит. Существует много разных способов отладки нативного приложения RECTAD, как:
Отладка с Chrome devtools
React Native дает вам возможность использовать Chrome devtools, чтобы увидеть журналы вашего приложения. Для отладки с помощью Chrome и включите режим отладки в своем эмуляторе, на клавиатуре просто нажмите Ctrl + M Отказ
Этот экран всплывает:
А потом выберите Отладка JS удаленно Отказ Это откроет вкладку в Google Chrome с этим адресом http://localhost: 8081/debugger-ui/ Отказ Это для использования Chrome devtools, как насчет других вариантов?
Использование React-National-Rebugger
Реагистрационный – отладчик отличный инструмент для отладки реагирования нативный код. Это настольное приложение, которое дает вам много преимуществ. Он поставляется с Redux devtools и интеграцией React-devtools. Вы также можете отладить стиль. На самом деле это лучший отладчик для реагирования на родных, и это тот, который я использую. Обычно он доступен на MacOS, Windows и Linux. Проверьте Руководство по установке и интеграции Отказ
Я думаю, что это достаточно в этот момент. Это первая часть абсолютного руководства для строительства мобильных приложений с реактивными нажимами. В следующей части мы собираемся погрузиться в более технические советы, и такие вопросы, как такие, как мы можем использовать родные компоненты, нативные API action, интеграция с другими библиотеками, redux, graphql и тому подобное. Так что подпишитесь на это список почты Чтобы оставаться настроенными, когда следующая часть выйдет. Спасибо за ваше время. ?
Вы всегда можете найти меня на Twitter ?