React JS приложение

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

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

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

Видеоурок

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

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


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

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

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

Исходный код

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

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

Загрузка...

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

Курс по React JS для начинающих
14 уроков
Изучение React JS / Redux библиотеки
9 уроков