Я не силен в определениях, когда дело доходит до программирования. Но я бы кратко определил, что такое React Native. React Native — это язык программирования, используемый при разработке гибридных мобильных приложений (гибридные приложения разрабатываются с использованием одной кодовой базы, т. е. создается один код, который можно скомпилировать для платформ Android и iOS).

В наши дни многие компании предпочитают создавать приложения, которые будут доступны как на платформах Android, так и на iOS. Однако создание мобильных приложений для отдельных платформ потребует больше времени и ресурсов. Разработка гибридных приложений заполнила этот пробел, помогая компаниям предлагать больше решений с меньшими затратами, в то время как программистам не приходится выгорать в процессе.

Помимо определений, основная цель этой статьи — показать вам, как создать приложение React Native самым простым, но более эффективным способом.

Во-первых, вы должны изучить основы следующих технологий, чтобы создать свое первое мобильное приложение в React Native:

  1. HTML.
  2. CSS.
  3. JavaScript.
  4. Реагируйте JS.

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

Двигаясь дальше, вам понадобится следующее программное обеспечение, установленное на вашем ноутбуке:

  1. Vs Code — это текстовый редактор, используемый для написания, компиляции и отладки кода. Чтобы установить Vs code на свой ноутбук, нажмите здесь.
  2. Node js — это среда выполнения Javascript, используемая для создания динамических веб-приложений. В этом проекте мы будем использовать командную строку Node.js для запуска некоторых командных строк для установки и компиляции. Чтобы установить Node js на свой ноутбук, нажмите здесь.
  3. Android Studio: нам понадобится Android Studio для эмулятора. Чтобы установить и настроить Android Studio на свой ноутбук, нажмите здесь.
  4. JDK — комплект для разработки Java версии 18. Скачать его можно здесь.

Давай начнем

В строке поиска найдите командную строку Node.js. В каталоге вы можете перейти к другой папке, в которой хотите создать свое первое приложение.

cd «каталог папки»

Или создайте свое первое приложение на жестком диске (однако это не рекомендуется).

Далее мы собираемся создать наше первое приложение, введя нашу первую командную строку в командную строку Node.js.

npx react-native init nameOfApp

Например, npx react-native init walletApp

Node.js пройдет серию установок и установит ваше первое приложение на ваш ноутбук.

После установки (как показано выше) мы загрузим наше первое приложение, чтобы посмотреть, как оно будет выглядеть. Не забудьте изменить каталог на местоположение приложения.

Затем мы должны ввести командную строку для запуска приложения.

npx реагировать на собственный запуск Android

Эта часть должна занять несколько минут, так как приложение будет запущено в первый раз. И тогда ваш эмулятор должен загрузиться на ваш экран, как показано на изображении ниже.

Далее давайте внесем изменения в то, что мы видим на экране. Для этого нам нужно открыть папку из нашего кода VS. При открытии перейдите к файлу App.js. Удалите каждый фрагмент кода, который вы видите в коде, и замените его следующим:

Когда закончите, вы можете сохранить, нажав клавиши на клавиатуре «Ctrl + s». Это автоматически обновит эмулятор, чтобы он выглядел как на изображении ниже:

И вот, у нас есть наше первое приложение на React Native. Это все? Точно нет! В ближайшие дни буду выпускать статьи по битам для кошелька.

Вы хотите нажать на кнопку «Подписаться» или подписаться на меня в Instagram @thetechbee для этого. Или следуй за мной прямо здесь.

Если вы также хотите узнать больше о React Native, вы можете щелкнуть, чтобы перейти здесь, чтобы получить мой полный курс (с бэкэнд-разработкой) по разработке мобильных приложений React Native.

Ваше здоровье!