Первое приложение на React Native

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

• Когда мы начинаем разработку приложения React Native, сначала нам нужно выбрать рабочую среду, такую ​​как Expo или CLI .
• Итак, давайте начнем с CLI…
  - В моем приложении я использовал CLI, и я предпочитаю CLI, потому что в expo могут быть некоторые ограничения для библиотек и другие некоторые застрявшие части.
  - Для iOS необходимо настроить Xcode, а для Android - Android Studio.
  - Справка :https://reactnative.dev/docs/environment-setup
• Затем мы должны выбрать инструмент разработки (IDE). у нас есть много вариантов для того же. но я предпочитаю Visual Studio Code, потому что это очень легкий инструмент для разработки приложений.
• Структура проекта:
  это самая важная часть для любой разработки программного обеспечения. Во всем мире у нас есть много проектов и структура каталогов, поэтому используйте самую простую и понятную структуру, она будет полезна для выявления ошибок и проста для разработки. (Обслуживание и доступность)
• Управление состоянием: самый простой ответ для системы React Native - Redux , и его легко реализовать и управлять состоянием.

Используйте как можно меньше сторонних пакетов и создавайте собственные пользовательские компоненты или служебную структуру для повышения производительности.

Пример: при запуске я попробовал несколько проверочных библиотек для полей ввода, но потом подумал: «Почему я использую другие необычные функции, которые предоставляют эти библиотеки?» поскольку в библиотеках могут быть некоторые функции, которые не подходят и не полезны для нашего приложения, я рекомендую разработать для этого собственные утилиты.

• Навигация: во время разработки я застрял на каком-то уровне с процессом навигации,
• потому что в react native у нас есть несколько пакетов для навигации, но некоторые из них полезны, а некоторые нет.
  - Итак, мы должны решить, что лучше всего в соответствии с требованиями нашего приложения.
  - Итак, здесь я использовал React-Navigation для навигации.
  -https://reactnavigation.org/docs/getting-started
• Служба API: если у нас есть 2 или 3 вызова веб-службы, чем я предпочитаю для выборки, это лучший вариант.
  - Но если их больше, то я предпочитаю Axios . Axios обеспечивает лучшую структуру ответа и обработку ошибок, поэтому мы можем легко идентифицировать ответ, а также ошибки.
• Социальная аутентификация:
  в моем приложении я реализовал:

Вход в Facebook :

Войти в Apple :

• Выпадающий список:
  когда вы ищете раскрывающийся пакет в react native, вы получите много пакетов для этого.
  Но я предпочитаю этот, потому что он прост в использовании, а также имеет множество настроек.
  (Просто нужно исследовать проблему zIndex, вы решите ее, добавив оболочку View)
• Номер телефона с указанием страны:
  для выбора страны просто добавьте этот компонент рядом с полем ввода текста Телефон. его легко использовать и настраивать.
• Сканирование QR-кода:
  я просто настраиваю эту библиотеку для полноэкранного сканирования QR-кода.
• Службы определения местоположения:
  это для получения местоположения пользователя:

• Push-уведомление:
  вам просто нужно настроить Firebase и уведомление Apple.
• Диаграмма:
  я использовал круговую диаграмму для отображения некоторых данных.
• Локальное хранилище:
• Конвертация валюты:
• Средство выбора изображений:
• Выбор даты и времени:
• Загрузите файл на сервер S3:
• Пользовательский экран-заставка:
• Проведите по ячейке FlatList с помощью кнопок:

Это поможет вашему приложению !!!
Спасибо.
Удачного кодирования :)