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 / Redux библиотеки
9 уроков
Курс по React JS для начинающих
14 уроков
Комментарии для сайта Cackle