Проекты React Native и Expo для начинающих

Привет! Меня зовут Рохит. Я не профессиональный автор контента, но я сделаю все возможное, чтобы к концу этой статьи вы смогли построить калькулятор процента любви, используя приложения, использующие React Native и Expo.

Рекомендую посмотреть пошаговое руководство здесь:

О приложении Калькулятор процента любви

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

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

Я использую Rapid API для расчета процента любви. Создайте бесплатную учетную запись на Rapid API для ключей API.

Внимание всем разработчикам, стремящимся установить социальные связи и зарекомендовать себя, получая при этом пассивный доход — не ищите дальше! Я настоятельно рекомендую книгу From Code to Connections, которая поможет вам в этом процессе. Не упустите возможность получить свою копию прямо сейчас на Amazon по всему миру или Amazon India! Вы также можете выбрать Gumroad.

Настройка проекта, требования к пакету и код

  • Начните свой выставочный проект
  • Я не собираюсь устанавливать какой-либо сторонний пакет для пользовательского интерфейса. Но вы можете использовать любой библиотечный пакет для частей пользовательского интерфейса. Это зависит от требований вашего приложения.
  • Использование хука useState. Определите некоторые крючки.
const [maleName, setMaleName] = useState('')
    const [femaleName, setFemaleName] = useState('')
    const [loading, setLoading] = useState(false)
    const [lovePercentage, setLovePercentage] = useState([])
  • Поле для мужчин и женщин установлено пустым. Массив процента любви также изначально установлен пустым.
  • Теперь, чтобы рассчитать процент любви:
const calculateLove = () => {
        const API_URL = `https://love-calculator.p.rapidapi.com/getPercentage?fname=${maleName}&sname=${femaleName}`
        setLoading(true)
        fetch(API_URL, {
            method: 'GET',
            headers: {
                'x-rapidapi-host': 'love-calculator.p.rapidapi.com',
                'x-rapidapi-key': '###############',
            }
        })
            .then(response => response.json())
            .then(data => {
                setLoading(false)
                console.log(data)
                setLovePercentage(data)
            })
            .catch(err => {
                console.log(err)
            })
}
  • Создайте свою учетную запись на Rapid API. Затем введите свой ключ Rapid API. Используя приведенную выше функцию, сначала мы извлекаем данные из Rapid API и конвертируем их в формат JSON. Позже мы заменим пустое состояние процента любви полученными данными.
  • Остальное — часть пользовательского интерфейса. Это зависит от вас и требований вашего проекта. Вы можете получить помощь здесь.
  • Вот и все. Теперь вы можете протестировать приложение в мобильном приложении Expo Go.
  • Если вы запутались или растерялись, я бы порекомендовал посмотреть пошаговый видеоурок. Несколько минут настройки и кода, и вы будете готовы протестировать приложение.

Почему я предлагаю смотреть больше видео?

Я из Индии, и мне нравится писать код и делиться им с сообществом. Все мы знаем, что деньги — это высшая мотивация для работы, и платежная система Medium использует Stripe, которая последние 4–5 лет находится в режиме предварительного просмотра в Индии. Я ждал год на платформе Medium, но в итоге ничего не вышло.

Итак, я начал снимать видео на YouTube, чтобы зарабатывать на жизнь. Я разместил важный код во фрагменте кода, но пошаговое руководство смотрите в видео. И если вы пойдете туда, не забудьте подписаться на мой канал для видео, связанных с React Native, Django, Python и наукой о данных.

Спасибо.