Это руководство поможет вам установить и создать свое первое приложение React Native.

Отказ от ответственности: Никакого кормления с ложки…

Если вы уже знакомы с разработкой мобильных приложений, возможно, вам захочется использовать React Native CLI. Это требует:

Xcode или Android Studio для начала.

Если у вас уже есть один из этих инструментов, ›>>пропустите это, вы сможете приступить к работе в течение нескольких минут. Если они не установлены

установка зависимостей

Тебе понадобится

Узел

brew install node

Сторож

brew install watchman

Интерфейс командной строки React Native
Если вы ранее установили глобальный пакет react-native-cli, удалите его, поскольку это может вызвать непредвиденные проблемы:

npm uninstall -g react-native-cli @react-native-community/cli

JDK и Android Studio.
рекомендуем установить дистрибутив OpenJDK под названием Azul Zulu с помощью Homebrew.

brew tap homebrew/cask-versions
brew install --cask zulu11

после всего этого… ваша машина будет готова к работе с собственной реакцией,
теперь запустите команду, чтобы запустить первое приложение

npx react-native@latest init NewProjectName

//version specific
npx [email protected] init AwesomeProject --version X.XX.X

Как работает React Native

React Native — это код JavaScript, который реально работает на мобильных устройствах. Он использует JavaScriptCore для запуска кода в отдельном потоке параллельно с основным потоком (Objective-C, Java и т. д.) и теневой очередью, потоком макета.

Состояние, Жизненный цикл, Магия, Путаница

Именно здесь люди остановились на React и отказались от своего кода в React, который «все работает, даже если это отвратительно». Вы должны понимать состояние и жизненный цикл в реакции (то же самое для React.js и React Native).

  • Монтаж. Это будет выполняться только once for the first time при попытке отобразить страницу.
  • Обновление. Это run multiple times приведет к «повторному рендерингу» компонентов.
  • Отключение. Это произойдет, когда вы hide a component или перейдете на другую страницу.

Каждое приложение, которое мы будем разрабатывать, будет состоять из компонентов. В новой версии React компоненты являются функциональными. Каждый компонент будет принимать props в качестве параметра. Props — это то, с помощью чего вы хотите инициализировать свои компоненты, или что-то, что компонент должен знать, чтобы программа работала.

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

Состояние — это то, что находится внутри компонента, больше похоже на локальную переменную, реквизиты должны обновляться вне компонента.

Компонент не может обновлять свои собственные свойства, если они не являются массивами или объектами (если компонент обновляет свои собственные свойства, даже если это возможно, это антишаблон), но может обновлять свое состояние и свойства его дети.

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

Компонент React должен использовать состояние для хранения информации, которую может изменить сам компонент.

меньшегооооо...!!!! теперь найдите больше, основываясь на вашем представлении о приложении.
Ссылка может показаться вам полезной:
1. Зарабатывайте деньги, используя React Native dev
2. Измените имя React Native App
3. Внедрение React Native
4. React Native HOC (компонент высшего порядка)

Почему вам следует следить за моим блогом?

  • Будьте в курсе: подписавшись на мой блог, вы никогда не пропустите обновления. Будьте в курсе последних тенденций, советов.
  • Эксклюзивный контент: Подписчики получают доступ к эксклюзивному контенту, включая подробные статьи о нашем творческом процессе.
  • Взаимодействуйте и общайтесь. Присоединившись к нашему сообществу, вы сможете общаться с единомышленниками, которые разделяют ваши интересы. Подключайтесь, задавайте вопросы и делитесь своими мыслями в разделе комментариев.

Стеккадемический

Спасибо, что дочитали до конца. Прежде чем уйти:

  • Пожалуйста, рассмотрите возможность аплодировать и следовать автору! 👏
  • Следуйте за нами в Twitter(X), LinkedIn и YouTube.
  • Посетите Stackademic.com, чтобы узнать больше о том, как мы демократизируем бесплатное образование в области программирования во всем мире.