59 - React JS - profile page, ajax, api

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Ну что, продолжаем обучаться делать запросы к серверному API. Get-запросы, чтобы получить данные. На этот раз мы будем доставать профиль пользователя: инфа о пользователе + фотка
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#презентационная #reactjs #практика #примеры #уроки #курс

[@user-nh3cq9it6e]

29:05 когда на собеседовании будут смотреть твой проект и спросят как он работает

[@kirill_nezhnyy]

АХаххахахх... Проорал в голос

[@Synchro13]

Ахахаха :D

[@jemilsuleimanov209]

в голос

[@levinbraun3475]

ору в голосину

[@tilikwebdeveloper1848]

не думал что люди все еще смотрят этот курс) теперь я не один :D

[@AI_about_crypto]

@ чтобы отображался профиль вне зависимости от URL звездочку добавил в конце в роутер: path='/profile/*' Для тех кто будет смотреть дальше.Урокам 2 года синтаксис некоторых модулей изменился, React-Router 6 - сотрите документацию

[@user-yq1eo4lp3x]

спасибо!

[@artem__k]

А так же в навлинк "выйти" из url users в корень: . Иначе адрес будет users/profile/*user.id*, а нам надо чтобы было profile/*user.id*

[@arturgorbunov3792]

Спасибо! ))

[@sashainbarcelona]

спасибо!

[@icecream8199]

@@sashainbarcelona можешь подсказать каким образом у тебя заработало ?

[@im1891]

Вангую, 2024 год, где-то на собесе: -'Какой у вас опыт работы? -Закончил обучение и трехмесячную стажировку. -Где вы проходили обучение? -IT-INKUBATOR. -Вы приняты!'

[@cikada3398]

17:51 Реакция огонь))

[@Esquel1991]

42:54 малой открывает дверь: "а, AJAX и API, это элементарно же , скукота"

[@antonsydorovych1981]

У Димыча малыш наверное круче шарит React чем мы сейчас😁

[@artaksargsyan4890]

and cat I think :)

[@petruconiuc4618]

@Konstantin Web ahah LMAO

[@victorpidorovic3314]

@@petruconiuc4618 you are so funny (no)

[@ivankryshtal4281]

Молодец, что не останавливаешься, доведи это дело до конца, ты же самурай!!

[@becauseistand]

31:22 кстати, не обязательно писать profile={this.props.profile}, т.к. эти данные автоматом будут переданы через {...this.props}. Данные из редюсера ведь также попадают в props. p.s. Димыч, извини, вчера смотрел урок 56. видос до конца не досмотрел - написал тупой вопрос, потом удалил, а ты уже успел его прочитать и даже ответил :( больше так не буду

[@elenakniazeva5388]

малыш и твоя реакция на него - очень повеселили )) урок как всегда бомбический! спасибо!

[@user-gv3le1rb5k]

"Авторский путь" -> Курс Самурая :D Великолепный курс, React Redux. Спасибо!)

[@maksymivanov6049]

три раза пересмотрел, пропсы не доходили до профайла, проблема была в мапСтейтТуПропс, я писал profile: state.profile.... Невнимательность нас погубит..... А нужно было сначала перейти на страницу, а потом брать пройфайл, вывод прост, вникайте максимально глубоко в структуру стора, в данной ситуации я знал структуру но из-за невнимательности зафейлил. Итого два часа ушло на поиск места где находится проблема. Дима, Благодрю Вас за курс)!

[@user-gd7re8pj6m]

Самый доходчивый курс из всех по React js! Лайк)

[@ivansamoiliuk5451]

Спасибо, Димыч! Как всегда доходчиво и по полочкам.

[@user-vk9eh9hi8u]

ахаха)) я думал нифига Димыч заморочился, меч купил, у кровати лежит. Круто. А на 1:30 меч исчезает))))

[@Alex-bn7zr]

Самые лучшие уроки по React & Redux!

[@Kalebra013]

Офигенные уроки по React!

[@agataageeva424]

Каждый раз радуюсь, когда перехожу к следующему уроку, числу выросших подписчиков на канале !

[@ctumyji9737]

Спасибо Димыч! Здоровья тебе и твой семье! Супер курс, двигаю дальше!

[@bilionievgen9004]

Cуперская подача! Ох летим дальше) Надеюсь будет тоже сайт крупный на реакте))

[@LxndrKrchvtsv]

Последние уроки стали намного легче пониматься и восприниматься. Это радует.)

[@user-fr7eu2dh1f]

Лучший курс по React & Redux !! Спааааассииииббббооооо !!!!

[@denkodatskyi3381]

Самые лучшие уроки по React & Redux! The best !!!

[@jjswifty3173]

Спасибо тебе огромное. Мне 16, и я попал на свою первую работу благодаря тебе. Сейчас узнаю много нового.. Реакт здесь пока не сильно используем, но благодаря твоим урокам по аяксу, промисам, твои наставлениям, я смог! Димыч, спасибо тебе!!!

[@localhero6957]

Как твои дела сейчас?)

[@keepworking2705]

Обычно я смотрю видео целиком и затем повторяю у себя то что делал Димыч, но в некоторых видосах чувствую что инфы много и я смотрю заново + записываю основные шаги и нюансы в блокнотик и только затем повторяю. Это мой третий заход на этот курс, первые два не дошёл даже до половины)

[@igori6471]

мне вот вообще сложно понять, как это внутри работает, хотя он делал вроде как store собственный, что что происходит внутри, что за сабскрайб, откуда берется dispatch, я этого что-то не могу понять. Есть ощущение, что все это на самом деле очень сложно под капотом как работает объяснить и нужно просто запомнить как писать примерно и должно работать.

[@keepworking2705]

@@igori6471 Тоже чёткого представления нет об этих вещах. Когда создавали свой стор вроде бы понимал, но уже по ходу курса выветрилось из головы

[@antonkudrin7060]

Летим Дальше ) и еще один урок от Димыча пройден)) Спасибо за твои труды ) Есть кто еще с 2021?

[@oleksandram5159]

Привет) Год назад здесь была движуха, а теперь только последние самураи)

[@antonkudrin7060]

@@oleksandram5159 на данный момент курс не совсем актуальный просто уже стал ) но как для новичков самое оно

[@oleksandram5159]

@@antonkudrin7060 еще потом нужно будет разобраться, что именно устарело)

[@sharkman6434]

ппц жарища пошла, приходиться по три раза пересматривать и ловить каждое слово Спасибо за всё сенсей

[@user-bb9rn9on9w]

То как долго ты это пилишь уже само по себе вдохновляет

[@esken97]

Спасибо Димыч, красота React'а поражает )

[@marianfree3543]

React, profile page, ajax, api, javascript, спасибо)Лучшие уроки react.js

[@visokogroup7922]

Ещё раз пересмотрел урок в котором как мне кажется есть всё в одном для понимая работы ReactJS. Урок самый лучший!

[@visokogroup7922]

Спасибо за крутой урок!) Да, стрим посмотрел бы за 3 бакса!

[@user-rl9vv8it5r]

Все круто, пришлось видео перемотать назад из-за твоего самурайского меча)))

[@volodymyrsus]

Thanks! The best lessons of React & Redux!!! React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props

[@serg11oz]

C каждым выпуском, картина становится яснее и становятся более понятные вещи, которые проходили раньше. Несмотря на то, что все уже вовсю используют хуки (смотрю в 2020), нужно всё же понимать - как работают классовые компоненты. Ты крут - спасибо!

[@ivanmiarkulau8320]

Поработали с ajax запросами на серверный API для отображения профиля в нашем React-приложении, спасибо за урок!)

[@the_secret3130]

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

[@bugaga8144]

Очень круто, первые запросы , диспатчи, измененя state, редюсеры, все давалось в натяжку. То сейчас когда делаем несколько уроков аналогичные задачи, которые в себе содержат все эти операции и постоянно проговариваются, результат ВАУ. Пришло просветление и понимание что к чему!

[@user-jm9zo5re8e]

Смотрела java script ,react уже вторые курсы, Димыч спасибо тебе большое за твои уроки.

[@vseslavr]

Димыч, ты самый крутой чувак по курсам программирования из всех, что я видел! Очень все доходчиво объясняешь, плюс еще каждый раз делаешь паузу и объясняешь вкратце старые темы, а это очень сильно помогает. Я бы даже сказал это один из ключевых моментов для более продуктивного изучения. С каждым видосом мне все больше и больше нравится реакт. Огромное тебе спасибо за эти уроки и что ты сделал их доступными для всех! Ты просто красивчик!

[@motooven]

*ДИМЫЧ ФАНАТИК ТОПИТ КАК ПОРОВОЗ КРАСАВО!!!! от души душевно в душу!*

[@romanpomin1967]

Почти неделю не смотрел "Путь Самурая", занимался другим проектом, как раз таки по верстке) Но Димыч так подает материал, что сразу же вспоминаешь, что было ранее, и можешь бомбить дальше. Спасибо!

[@dob1wan174]

ОГОНЬ! КРУТЫЕ ОБЬЯСНЕНИЯБ КАК ОБЫЧНО! СПАСИБО! только иногда АПИха не робит, а так все супер!

[@Dozortsev]

Отлично объясняешь! Хоть и знаю что-то, всё равно на скорости х2 смотрю))

[@user-uu4gp9et2s]

Вроде смотрю что-то дельное на ютубе, но из-за твоих фразочек , а нынче малыша опять хохочу перед экраном, как будто нарезки приколов каких-то смотрю :) Спасибо за подачу, бодрость и знания. Не останавливайся, буду бомбить до 300-го

[@user-bd4lw9hx3s]

В начале видео поставил на паузу, сделал все сам. Получилось почти как у Дмитрия. Я смог благодаря его великолепным объяснениям! Спасибо огромное! Дмитрий огромный молодец!

[@kedrolit1521]

Фуух! Спасибо! Все получилось, кажется всё понял. Следил, сам ставил дебаггер. Спасибо, что учишь дебажить! Круто, огонь!

[@maxkos6184]

Димыч, ты Будда в React!!! Сам нашел просветление и других просветляешь!!! Мир тебе и всех благ!

[@linuxlifepage]

Огонь! Спасибо! Лучший курс react redux profile page, ajax, api

[@user-ih6ie9ve6d]

лучшие уроки react, redux , ajax, api. Спасибо большое

[@indigosay]

точно!

[@saintjavelin2126]

Димыч, спасибо тебе за твой курс. Это только чуть больше половины курса, однако с такими знаниями меня взяли стажёром на Fullstack позицию при условии, что я бэкенд паралельно буду подтягивать во время стажа.

[@vladislavdukhovnik8479]

ну такой душевный уже, не могу ) Спасибо за твой труд !

[@sergsergey4251]

Спасибо! React JS - profile page, ajax, api - знать будешь круто. Бомбим дальше ©

[@user-tz9rc7hn6y]

Повторение + что-то новое!!! Спасибо! P.S. Список ключевых слов: React, Redux, супер курсы

[@andreiribac6284]

Спасибо за знания и позитив! Всем привет из 2021 года!

[@user-hg6im5cg2i]

Дима спасибо!!! Что то у меня много ошибок было от невнимательности, но всё получилось.Летим дальше!!!

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@MrVagula]

В который раз благодарю за отличный урок, летим дальше! Ключевые слова: profile page, ajax, api, mapStateToProps, componentDidMount

[@fargutvest]

Все супер, все понятно, спасибо! React Redux

[@user-yx7in9nl1d]

Купил ноут, настраивал всю среду разработки заново. Очень полезный опыт!!!

[@user-pc9bl7uf1l]

Димыч! Огонь! С душой, стараешься. Изза тебя я поверил, что у меня получится. А сейчас уже не сомневаюсь в этом! Благодарю!!! 🙏🏻

[@salvation6153]

Спасибо Димыч! советую друзьям твой курс тоже )

[@smolhs1586]

концовка видео просто лучшая!))) пересматриваю и улыбаюсь)

[@IgniosTyumen]

5 серия хD если Дмитрий скажет пару ласковых про сценаристов в следующем видосе, я не удивлюсь =Р Задумка по подписке просто отличная, сам бы с удовольствием пользовался. Лайк за видео, ждем следующее!

[@aliaksandrhrechny9544]

Поддерживаю тему про подписку!

[@user-dw6ih4td4h]

ты лучший! Хорошие уроки по React Redux

[@amaxe12345]

Димыч, ты самый лучший учитель!!! Спасибо тебе! #reactjs #react #ajax #api

[@ITKAMASUTRA]

Спасибо! Летим!!

[@wild_wizards]

Все круто, было полезно! Спасибо за науку, едем дальше! 🙂

[@mystexx]

Очередной шедевральный урок.

[@user-im8le2mi2w]

React JS - profile page, ajax, api Спасибо, Димыч! Смотрю, учусь!

[@user-nk6ih7uh1h]

Profile page. Ajax. Http request. Response. API. React JS. Лучшие курсы по реакту. Курс по реакту. Димыч, курс - просто бомба, спасибо

[@olgaguseva7653]

УРАААА!!!! я делаю домашку и у меня получается не подглядывая в теорию! Димыч, ты волшебник!

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@e_viskhan]

Что-то ты сбавил темпы прохождения курса, разница во времени между комментариями твоими стала больше, не расслабляться, пашем дальше)

[@theWorldIsMultivariate]

@@e_viskhan спасибо за поддержку! Замедлил темп, потому что делал резюме, а сейчас приоритет проекты для резюме. Стараюсь выделить время для обучения по этому курсу, но это не всегда получается. И тебе побыстрее всему научиться и зарабатывать.

[@AndreiS-cu2wb]

Со старта лайк. Заранее знаешь что будет как всегда круто. Лучший препод React.

[@miguelgrushetckii4839]

Очень все круто и понятно! Спасибо Димыч, очень крутые уроки!

[@zuzoki864]

Как всегда лучший - React JS - profile page, ajax, api

[@vladpobidash]

Самому учиться скучно, рассказал другу про все прелести React и как ты круто их объясняешь... Скоро будет у тебе еще один ученик, что очень мечтает знать React! Спасибо что сделал это доступно для нас, простых пацанов!

[@user-bn7ij8cr1i]

И как успехи?)

[@slavasemushin]

Спасибо, Димыч! После 60 выпуска, обязательно занесу :)

[@muhamadboboev4223]

Самый лучший курс по react ! Спасибо Димыч!

[@evgeniy7603]

За сорок дней прошел 60 уроков, при том, что фронтенд был ранее не знаком. Чуть запарился. Но подача отличная, не дает сливаться. Уверен, что дойду до конца и найду работу. За обучение React и Redux - спасибо, Дима!

[@user-wp1te1uy7k]

ну и

[@jyboer6001]

Лайк за React, Redux и API , ну и за Игру Престолов тоже

[@user-qs7ij8df4q]

Лучший курс по React & Redux !

[@evgeniyzhuk7725]

Лучшего курса я еще не видел. Чисто для таких новичков (чайников), как я. Подробнее просто нигде не найти.

[@user-xf8hc6kk1n]

Ну так хули ты не задонатил то челу до сих пор говноед?!

[@enslit]

До меня хорошо доходит когда я когда примерно понимаю что к чему, ставлю Димыча на паузу и пытаюсь сделать сам.. если что-то не получается, ковыряюсь 5-10 минут и продолжаю смотреть. Так у меня выходит понимать возникающие проблемы и самое главное, Димыч подсказывает как их решать. Приятный момент был когда я сделал сам запрос на сервер и при отображении профиля наткнулся на то, что картинки-то нет.. а что-то показать нужно. Так я как раз точ в точ сделал подключение компоненты прелоадера по условию, подумав, что наверное ща Досмотрю видос и Димыч покажет как это сделать нормально и полезу рефакторить... а тут Димыч пишет так же как у меня))) Димон, ты и твой курс - огонь. React буду бомбить пока не стану гуру, реально кайф с компонентами работать. А как подключаются сторонние компоненты, как я подключил rc-pagination... это же просто волшебно!!!

[@denissemeniuchenko9722]

Димыч -респект. Самый лучший курс по React-Redux. В топ!!!

[@GrourDenis]

Конец кайфовый ))) React JS - profile page, ajax, api

[@nataliusta9785]

Сегодня Воскресенье 11.09.22. Я просидела 3 часа над багом, из-за чего на profile при клике на фотку юзера постоянно крутился Preloader, а в пропсах приходил profile: null. Несколько раз пересмотрела видео,поигралась с кодом, проговорила вслух все шаги,что зачем и для чего... И бинго! нашла проблему. День прожит не зря!

[@TV-wq2jx]

А как вы решили эту проблему, просто я столкнулась с такой же. Пожалуйста, помогите

[@onGrill]

Полёт нормальный, мчим дальше! profile page, ajax, api

[@user-bo4oy7ns7z]

Спасибо вам за курс, двигаемся дальше

[@rahalmamut01]

Спасибо за крутой урок!)

[@__maxsoul643]

Спасибо большое за урок! все предельно понятно.

[@kedrolit1521]

26:13 Action Creator - это функция, которая возвращает объект action. Action - это объект, в котором инкапсулированы все данные для того, чтобы reducer получил этот action и применил изменения в свой state.

[@user-dv1xv3co7o]

нет! action - это объект у которого как минимум есть тип!)))

[@user-xn8zi3re6i]

API, JS, TS, State, Store, Dispatch ,Connect, Action, Route, Provider, Reducer, mapStateToProps, mapDispatchToProps, {...state}, Props React Redux Практика JavaScript курс React Веб разработка разметка best of the best!!! Спасибо за урок :)

[@urek8988]

Спасибо за уроки, и за твои старания

[@ole_oli]

Спасибо Димычь, всё очень круто!!!

[@Tatyanochka0001]

Очень интересная задумка о онлайн просмотре занятий.

[@g3rasim1]

Большое спасибо за курс!)

[@user-np9mq5xc7j]

Класс! Спасибо! Держим катаны по ветру!

[@hirotakanifuji3427]

спасибо димыч за твои бомбические ролики, час ночи, а мне безумно хочется покодить xD

[@alexshchukarev6812]

Димыч, ты мега крут! Не перестаю удивляться твоей энергетике.

[@honestprogrammer]

Дим, у тебя сил побольше, чем у многих студентов! Они обычно лентяи. Мне 34 года, учусь по твоему курсу тоже) Крутой проект! Только вперед!

[@olegzidane7099]

получается дальше?

[@Beatboxer3090]

Всё очень круто! Еще чутка и можно будет стартовать на собесы)