Инициативы и проекты. Они обожаются всеми. Особенно те, которые помогают нам затвердеть основными основаниями и узнать что-то новое. Догекоин нажал на прошлой неделе, так почему бы не создать что-то связанное с этим?
В этом проекте мы создадим простую ценовую цену докукоина, которое будет веб-приложением, которое будет получать самую низкую цену в день, самой высокой ценой дня, а также недавно продаваемая цена через API и будет обновляться каждый 10 секунд. Вы узнаете, как настроить проект React, создавать компоненты, реквизиты, состояние и наиболее часто используемые реагирующие крючки, такие как L24 и H24. . Ticker API: https://api.buyucoin.com/ticker/v1.0/livedata?symbol=usdt-btc.
Разработка проекта React Первый шаг состоит в том, чтобы создать реактивный проект для себя. Мы будем использовать создание приложения RACT для этого, что позволит нам сосредоточиться на нашем коде, а не беспокоиться о настройке инструментов сборки. Вам понадобится NODEJS V8.10 или выше, а также версия NPM 5.6 или выше.
Откройте свой терминал и введите следующую команду в каталоге по вашему выбору: NPX – бегун пакета, включенный с NPM. Предыдущая команда может занять 5-10 минут, чтобы занять чашку кофе и расслабиться!
Давайте перейдем к каталогу проекта сейчас. Вы можете использовать файл Explorer или следующую команду терминала для выполнения этого: DogeCoin Ticker CD Теперь открыть папку Project в предпочтительном текстовом редакторе, и мы начнем с начальной настройки в следующем разделе. Запустите NPM начать в папке проекта на вашем терминале, чтобы начать сервер разработки.
Начальная конфигурация После того, как мы начнем наш сервер разработки с NPM Start, перейдите к localhost: 3000 в вашем браузере, и вы увидите что-то подобное.
Это домашняя страница по умолчанию, генерируемая приложением Create React. Поскольку нам не требуется ничего подобного, давайте начнем с удаления ненужных файлов и настроив проект для удовлетворения наших потребностей.
Наш файл index.html, который будет отображаться нашим браузером, находится в общедоступной папке. Откройте его и начните с удаления любых нежелательных комментариев и изменив заголовок веб-страницы. Вы также можете изменить описание Meta Tag и добавить свой собственный. Когда вы закончите, ваш index.html.
Вы также можете изменить изображения FAVICON и LOGO, которые вы можете загрузить здесь, чтобы добавить более личный сенсор на наш веб-сайт.
Давайте перейдем в папку SRC сейчас. Большинство файлов здесь, такие как App.test.js, logo.svg, ReportWebvitals.js и supuptests.js, можно удалить. Возможно, вы заметили, что когда вы сохраните, наш сервер разработки бросает ошибку, указывающую, что она не удалось компилировать. Нам нужно исправить импорт, потому что мы удалили вышеупомянутые файлы. Проверьте эту коммит, чтобы увидеть детали дополнений и удалений.
Мы заменили все существующие контент, сгенерированные приложением React React с Diver, содержащим H1, с помощью текста «TickeCoin Ticker». Я также изменил функцию на функцию стрелки, но это не требуется. Эта функция возвращает некоторую JSX, которая реагирует. Он называется компонентом, поскольку его можно использовать в нескольких местах на нашем проекте.
Оригинал: “https://dev.to/devendrasri1/create-your-dogecoin-market-ticker-in-react-3j3”