Создание приложения на React JS / Использование API

7 уроков 26 заданий Компилятор

#3 - Работа с API (получение данных про погоду)

#3 - Работа с API (получение данных про погоду)


React JSJavaScript

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

Видео урок:

Полезные ссылки:

  1. API для погоды;
  2. API погоды ссылка: api.openweathermap.org/data/2.5/weather?q=Kiev,ua&appid=ВАШ_КЛЮЧ&units=metric


Для получения данных в формате JSON необходимо лишь обратиться к сервису по верной ссылке и в качестве ответа вы получите набор характеристик про погоду в определенном городе. Чтобы все работало без перезагрузки страницы необходимо прописать асинхронный запрос на сервер и асинхронное получение данных с него. Для этого используйте свойство async вначале метода, а также await для получения данных и записи данных.

Материалы для курса

react-js-app.zip Необходима подписка!

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

React JSJavaScript

Также стоит посмотреть