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

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

[@hhxthtxre333ddqq8]

единственный понятный курс про то, как вытягивать что-то из апи, молодец бро 🤝🏿🤝🏿

[@AterosDev]

Спасибо) 🙏🙏

[@ЕленаБелая-ь9т]

Спасибо огромное!!!!! Как раз искала, как сделать запрос, а потом отобразить полученные данные на странице пользователя, ваше видео мне очень помогло!

[@AterosDev]

Рад, что смог помочь)

[@vakovako5801]

Спасибо за видео, за терпеливое объяснение . Все на высшем уровне🔥

[@AterosDev]

Спасибо, мне приятно 🙏

[@КириллСавицкий-я7ц]

Спасибо! То что нужно! Супер, что пример на функциональном компоненте, а не на классовом👍

[@dimalavrenov3916]

Блять, дай бог тебе здоровья, реально. Именно то, что нужно было для моего дальнейшего развития. Пытаюсь работать с youtube api, чтобы сделать тестовое задание. Из сложного осталось сделать только api, сейчас наконец-то понял в какую точку копать, чтобы прокачаться в этой теме. Второй день сижу, и ничего толкового найти не смог, кроме твоего ролика. Ролики по youtube api откровенно говоря хуевые, пришлось читать документацию и самому как-то там пытаться разбираться. Вывести результаты в консоль было не сложно, а вот взять с сервера и замапить это, я сразу встал, потому что был некий пробел в знаниях axios. Спасибо за старания

[@AterosDev]

Спасибо, рад что смог помочь)

[@dimalavrenov3916]

@@AterosDev Дорогу осилит идущий. Добра и мотивации тебе

[@AterosDev]

Спасибо 🙏

[@СтасФілатенко]

Все очень понятно) надеюсь уроки станут более популярны, не забрасывай сьемку. Спасибо! Очень полезная инфа, другие ролики устарели или с большим водопадом вместо инфы

[@AterosDev]

Большое тебе спасибо за фидбек🙏. Это очень мотивирует продолжать 🔥🔥🔥

[@Dmitrijserg]

Спасибо тебе большое. Мне очень зашли твои уроки.

[@AterosDev]

Спасибо 🙏🙏

[@slava_tfdf]

Благодарю за урок! Двигаемся дальше.

[@aleksandriero1283]

Очень классно и понятно) Спасибо большое. Продолжайте снимать!)

[@AterosDev]

Спасибо 🙏🙏

[@beha8675]

Спасибо за объяснение!

[@AterosDev]

Рад, что смог помочь 🙏

[@Rhythm_Men]

Благодарность!

[@МаксимСтарченков-т8д]

То что нужно, спасибо 😉

[@AterosDev]

И вам спасибо за просмотр и комментарий 😉

[@ed6i991]

Хорошее видео, спасибо автору за понятные уроки!

[@AterosDev]

🙏👍

[@evgenysmirnov4762]

интересный момент. у меня useEffect вызывался 2 раза ( т.е делал 2 запроса). Оказывается в режиме он как раз 2 раза и вызывается, типа это так задумано(типа для проверки приложения). Если убрать тэг, то useEffect вызывается 1 раз...

[@СашаАлександр-е4м]

Это база, в этом и суть двойной проверки.

[@MrRasul121288]

Спасибо

[@velikorossnationalist4259]

Хороший пример! Только ключевое слово key забыли в списках.

[@AterosDev]

Спасибо 🙏
Там я в следующих уроках говорю о key. Но да, вы правы, надо было его и здесь упомянуть.

[@MejYan]

Спасибо за видео. У меня одна проблема , не понимаю с чем связано. У меня на страничке все работает, но после функции map,где мы берем нужные нам данные, страничка исчезает, становится белым. С чем это может быть связано?

[@AterosDev]

Попробуйте вывести в консоль те данные, которые прокидываете в setArticles (а именно data.data.response.results). Есть ли там массив элементов?