Тёмный

Получение данных с сервера (axios, useEffect и useState) 

Ateros
Подписаться 2,6 тыс.
Просмотров 22 тыс.
50% 1

В прошлом уроке мы познакомились с такими хуками как useState и useEffect, в 4-ом уроке научились формировать http-запросы с помощью библиотеки axios. Настало время объеденить наши знания с прошлых двух уроков и попробовать вывести данные с сервера, отобразить в react приложении, а также научиться с ними взаимодействовать.
Ссылка на документацию по API
open-platform.theguardian.com...
Ссылка на JSON parser
json.parser.online.fr/
#useeffect #usestate #axios #javascript #reactjs #httpзапросы #request #axiosget #react #data #api #tutorial #frontend #реакт #практика

Опубликовано:

 

16 июн 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@vakovako5801
@vakovako5801 18 часов назад
Спасибо за видео, за терпеливое объяснение . Все на высшем уровне🔥
@_ateros
@_ateros 10 часов назад
Спасибо, мне приятно 🙏
@hhxthtxre333ddqq8
@hhxthtxre333ddqq8 9 месяцев назад
единственный понятный курс про то, как вытягивать что-то из апи, молодец бро 🤝🏿🤝🏿
@_ateros
@_ateros 9 месяцев назад
Спасибо) 🙏🙏
@user-vu2jm1ij7s
@user-vu2jm1ij7s Год назад
Спасибо! То что нужно! Супер, что пример на функциональном компоненте, а не на классовом👍
@user-zm2jm4gb5b
@user-zm2jm4gb5b Год назад
Спасибо огромное!!!!! Как раз искала, как сделать запрос, а потом отобразить полученные данные на странице пользователя, ваше видео мне очень помогло!
@_ateros
@_ateros Год назад
Рад, что смог помочь)
@slava_tfdf
@slava_tfdf Год назад
Благодарю за урок! Двигаемся дальше.
@user-sn3nm5yq5y
@user-sn3nm5yq5y 2 года назад
Все очень понятно) надеюсь уроки станут более популярны, не забрасывай сьемку. Спасибо! Очень полезная инфа, другие ролики устарели или с большим водопадом вместо инфы
@_ateros
@_ateros 2 года назад
Большое тебе спасибо за фидбек🙏. Это очень мотивирует продолжать 🔥🔥🔥
@dimalavrenov3916
@dimalavrenov3916 Год назад
Блять, дай бог тебе здоровья, реально. Именно то, что нужно было для моего дальнейшего развития. Пытаюсь работать с youtube api, чтобы сделать тестовое задание. Из сложного осталось сделать только api, сейчас наконец-то понял в какую точку копать, чтобы прокачаться в этой теме. Второй день сижу, и ничего толкового найти не смог, кроме твоего ролика. Ролики по youtube api откровенно говоря хуевые, пришлось читать документацию и самому как-то там пытаться разбираться. Вывести результаты в консоль было не сложно, а вот взять с сервера и замапить это, я сразу встал, потому что был некий пробел в знаниях axios. Спасибо за старания
@_ateros
@_ateros Год назад
Спасибо, рад что смог помочь)
@dimalavrenov3916
@dimalavrenov3916 Год назад
@@_ateros Дорогу осилит идущий. Добра и мотивации тебе
@_ateros
@_ateros Год назад
Спасибо 🙏
@aleksandriero1283
@aleksandriero1283 Год назад
Очень классно и понятно) Спасибо большое. Продолжайте снимать!)
@_ateros
@_ateros Год назад
Спасибо 🙏🙏
@Dmitrijserg
@Dmitrijserg 11 месяцев назад
Спасибо тебе большое. Мне очень зашли твои уроки.
@_ateros
@_ateros 11 месяцев назад
Спасибо 🙏🙏
@Rhythm_Men
@Rhythm_Men Год назад
Благодарность!
@user-gf6rv5ut3j
@user-gf6rv5ut3j Год назад
То что нужно, спасибо 😉
@_ateros
@_ateros Год назад
И вам спасибо за просмотр и комментарий 😉
@evgenysmirnov4762
@evgenysmirnov4762 Год назад
интересный момент. у меня useEffect вызывался 2 раза ( т.е делал 2 запроса). Оказывается в режиме он как раз 2 раза и вызывается, типа это так задумано(типа для проверки приложения). Если убрать тэг, то useEffect вызывается 1 раз...
@beha8675
@beha8675 10 месяцев назад
Спасибо за объяснение!
@_ateros
@_ateros 10 месяцев назад
Рад, что смог помочь 🙏
@MrRasul121288
@MrRasul121288 Год назад
Спасибо
@ed6i991
@ed6i991 Год назад
Хорошее видео, спасибо автору за понятные уроки!
@_ateros
@_ateros Год назад
🙏👍
@velikorossnationalist4259
@velikorossnationalist4259 Год назад
Хороший пример! Только ключевое слово key забыли в списках.
@_ateros
@_ateros Год назад
Спасибо 🙏 Там я в следующих уроках говорю о key. Но да, вы правы, надо было его и здесь упомянуть.
@empathyyn7965
@empathyyn7965 Год назад
Спасибо за видео. У меня одна проблема , не понимаю с чем связано. У меня на страничке все работает, но после функции map,где мы берем нужные нам данные, страничка исчезает, становится белым. С чем это может быть связано?
@_ateros
@_ateros Год назад
Попробуйте вывести в консоль те данные, которые прокидываете в setArticles (а именно data.data.response.results). Есть ли там массив элементов?
Далее
skibidi toilet multiverse 039 (part 1)
05:29
Просмотров 5 млн
Fetching Data in React - Complete Tutorial
29:10
Просмотров 92 тыс.
React Axios API Requests | Axios with React JS Tutorial
38:32