59 - React JS - profile page, ajax, api

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

[@ИльяМаненков-з9е]

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

[@kirill_nezhnyy]

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

[@Synchro13]

Ахахаха :D

[@jemilsuleimanov209]

в голос

[@levinbraun3475]

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

[@tilikwebdeveloper1848]

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

[@КуанышбекИсманов-ч7й]

Кто смотрит Этот курс в 2025 ? Кроме меня Димич спасибо за курс от души

[@AI_about_crypto]

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

[@СергейМедовиков-и2ю]

спасибо!

[@artem__k]

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

[@arturgorbunov3792]

Спасибо! ))

[@digital_nomad_spain]

спасибо!

[@m1x-developer]

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

[@antonsydorovych1981]

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

[@artaksargsyan4890]

and cat I think :)

[@petruconiuc4618]

@Konstantin Web ahah LMAO

[@victorpidorovic3314]

@@petruconiuc4618 you are so funny (no)

[@keepworking2705]

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

[@igori6471]

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

[@keepworking2705]

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

[@ivankryshtal4281]

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

[@cikada3398]

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

[@antonkudrin7060]

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

[@oleksandram5159]

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

[@antonkudrin7060]

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

[@oleksandram5159]

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

[@maksymivanov6049]

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

[@ІгорСнігур-х1л]

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

[@nataliarslan0601]

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

[@TV-wq2jx]

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

[@elenakniazeva5388]

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

[@motooven]

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

[@ТихонКомашинский]

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

[@jjswifty3173]

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

[@localhero6957]

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

[@im1891]

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

[@sharkman6434]

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

[@denkodatskyi3381]

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

[@Esquel1991]

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

[@filippnarayev122]

Все супер, все понятно. Игра престолов закончилась так себе конечно... #reactjs #react #ajax #api

[@Анна_Бояршинова]

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

[@indigosay]

точно!

[@АндрейПахомов-м7ъ]

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

[@ВикторКлименко-щ9ф]

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

[@LxndrKrchvtsv]

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

[@АрсенОсипов-ж6щ]

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

[@мда-л7н]

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

[@andreiribac6284]

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

[@ГалинаКузнецова-н1и]

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

[@АндрейОрлов-е1я]

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

[@volodymyrsus]

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

[@mariia6820]

Лучшие уроки!!Рекомендую всем,это пособие к стопроцентному трудоустройству!!!

[@olegzidane7099]

как дела, работаешь?)

[@mariia6820]

Oleg Zidane да,уже месяц как)

[@olegzidane7099]

@@mariia6820 а в каком городе?)

[@mariia6820]

Oleg Zidane я в Польше живу , здесь и устроилась

[@bilionievgen]

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

[@evgeniyzhuk7725]

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

[@ЕвгенийАлексеенко-д4щ]

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

[@sergeev_rs]

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

[@gregorytorshin2574]

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

[@ИльнурВалиев-ы6у]

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

[@kub1k]

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

[@Quentinrei]

React, Redux, API, JS, TS, best of the best

[@visokogroup7922]

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

[@jyboer6001]

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

[@amaxe12345]

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

[@ITKAMASUTRA]

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

[@theWorldIsMultivariate]

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

[@e_viskhan]

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

[@theWorldIsMultivariate]

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

[@becauseistand]

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

[@ivanmiarkulau8320]

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

[@esken97]

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

[@fargutvest]

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

[@Kalebra013]

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

[@АндрейФилимончик-ю9у]

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

[@hirotakanifuji3427]

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

[@marianfree3543]

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

[@smolhs1586]

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

[@ИнгаГотфрид]

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

[@L_odex]

Малыш просто самурай, по этому так быстро успел посмотреть😄

[@Macheten]

Когда описывал класс, на автомате поставил не только фигурные скобки, но и обычные) Из-за этого приложение не отрисовывалось. Странно, что VS Code не подчеркнул, думаю надо качать Webstorm и быть чуток повнимательнее) Как всегда всё понятно, спасибо, Димыч!

[@vladislavdukhovnik8479]

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

[@arteminsight]

долго этот урок проходил, то сил не было, то ошибки) но все исправил и иду дальше

[@zuzoki864]

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

[@the_secret3130]

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

[@maxkos6184]

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

[@АртемКулинский-ю4о]

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

[@MrVagula]

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

[@dob1wan174]

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

[@АндрейДарменко-й8щ]

Скажу так. Месяц назад я писал код постоянно ставя видео на паузу. Сейчас. Смотрю весь ролик. Открываю VSC. И пишу то, что увидел и услышал. Не буду врать, пару раз приходится подсматривать, но ведь не так как месяц назад. Паря молоток. Учитель от Бога.

[@АндрейДарменко-й8щ]

Перехвалил я себя. Два дня пытался повторить без подглядывания. Получилось только на половину. Печалька. Нужно больше трудится.

[@ivansamoiliuk5451]

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

[@СветаЕфимова-й1н]

спасибо Димыч. React лучшие курсы

[@indigosay]

согласен)

[@ctumyji9737]

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

[@AbaiIlyasov]

Всё круто и понятно, иду дальше!

[@kedrolit1521]

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

[@КюршадАлиев-о7щ]

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

[@Dozortsev]

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

[@bugaga8144]

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

[@linuxlifepage]

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

[@ЛусінеАтаджанян]

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

[@bugaga8144]

Повторение мать учения, не знаю как для всех, но мне нравится формат и скорость подачи информации. Если кто то схватывает на лету, то их действительно максимум 10 % а 90% и схватывать не знают, что по тому что все новое, в голове хаус и трудно быстро усвоить информацию. 10% молодцы, но принимать решения нужно из ходя из пожеланий 90% аудитории

[@user-LvSerg777]

Если у кого не получается, ищите ошибки в коде! У меня при нажатии на любого из users - просто крутилась крутилка (preloader) - была ошибка в файле ProfileContainer. В последней строчке export default connect.... setUserProfile не был взять в фигурные скобки. Также проверяйте чтоб прокинуты были пропсы. Я сначала не прокинул profile = {props.profile} в . В общем проверяйте каждую строчку за Димычем. Я делал по памяти, немного подсматривая в скрины с видоса. Потом все скрины просмотрел внимательно и нашел свои ошибки! Сейчас все работает как у Димыча. Всем удачи и добра! Димычу спасибище огромнейшее!

[@Alexei-sb6kz]

твой метод обучения времязатратней, но эффективней, чем простое перепечатывание за Димычем.

[@АлександрЭберт-п5к]

я как раз один из тех лохов, кто заплатил кругленькую сумму школе IT курсам (если кто из Минска - it-академия шаг абсолютное г. не идите туда никогда. абсолютно безответственный подход к обучению. само собой это моё личное субъективное мнение). Благодаря этим курсам я абсолютно опустил руки ввиду "качественного" преподавания и от осознания, что выбросил большие деньги на ветер не получив практически ничего взамен. Но Дмитрий рассказывает то, что я вымаливал рассказать преподавателя на курсах. Нам попался преподаватель, который не имеет абсолютно никаких навыков преподавания. это просто frontend- разработчик. Благодаря этому было непонятно абсолютно всё. Я каждую пару будто слушал лекцию на немецком. Спасибо большое Дмитрию за курс и за то, что понятным языком объясняет каждую тему!

[@kedrolit1521]

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

[@serg11oz]

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

[@salvation6153]

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

[@GrourDenis]

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

[@ДмитрийКибешев]

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

[@jenek051]

Димыч, буду писать под каждым видосом что люблю тебя🤣🤣Люблю тебя🥰🥰

[@sos_voice_of_nature]

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

[@smolhs1586]

лучший продакт-плейсмент Игры престолов)))

[@sergsergey4251]

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

[@sonnytonight414]

Димыч, ты мировой чувак!

[@gray_1991]

Если значение profile в state поставить не null, а например {} или [], то при обращении к вложеному обьекту, например large, будет ошибка. Димыч от нее избавился в случае с null, через if(!props.profile), работает только с null. А у меня был пустой обьект вместо null. Ох я намучался пока дошло в чем дело. Чтоб запустить с пустым обьектом надо прописать условие {props.profile && props.profile.contacts && props.profile.contacts.facebook} Это делает возможным обрашение к вложенному обьекту. Вдруг кому пригодится

[@ГеннадийГорохов-ц8н]

Сегодня 11.11.21 Вчера позвонил HR и пригласил на собеседование на завтра. Продолжаю учиться уроки Мощьные, реально готовят к работе. Димыч спасибо Вам!

[@emranakalaev8689]

ну что как собес?

[@ГеннадийГорохов-ц8н]

@@emranakalaev8689 Ничего страшного спросили про веб сокеты, а я не знал, попросили ссылку на гит репозиторий, я им дал они сказали код не оптимизированный вы нам не подходите

[@sergeyistominov5880]

плюсик для лучшего ранжирования в react-комьюнити =)

[@mistrz7856]

Супер, бомбим дальше! Спасибо!

[@vitaliidrapaliuk5652]

Спасибо)

[@agataageeva424]

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

[@MikhailKuklenkov]

Ну наконец-то я прошел этот урок) Больше 10 дней боролся с ошибками, руки почти в пол опустились. Свят-свят-свят! Летим дальше)

[@TV-wq2jx]

А какая ошибка возникла и как решили? Я просто тоже очень долго мучаюсь с одной ошибкой, просто не представляю, как её можно решить

[@MikhailKuklenkov]

Ошибка была в бандле, уже толком и не помню что именно) У тебя какая ошибка возникает? Могу код скинуть или вместе подумаем.

[@SimonaKuznetsova]

Спасибо за такой крутой курс!!! Ты супер! На 60м, и все четко!

[@ITKAMASUTRA]

Лети! Успехов ⚔️

[@olegzidane7099]

умная чертовка)

[@mystexx]

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

[@АлексГ-п3ж]

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

[@is_eliseeva]

Дмитрий, спасибо, ты очень крутой и круто объясняешь!

[@HelloHovo]

Я прям за вами, шаг за шагом , после каждого просмотра вижу ваши комменты ...

[@АлексейАлешников-н3и]

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

[@vladpobidash]

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

[@АлексейКомлев-т4с]

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

[@visokogroup7922]

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

[@ДмитроПасічнюк]

Топ, бомбим дальше)