Знаете, ребят, это охеренное чувство, когда сам всё это написал ещё до просмотра данного видоса) Поэтому бомбите дальше, всё не зря, что-то в голове откладывается)
Если возникает ошибка : Uncaught Error: Objects are not valid as a React child (found: object with keys {data, messages, fieldsErrors, resultCode}) и у вас в ProfileReducer.js в export const getStatus = (userId) => (dispatch) => { profileAPI.getStatus(userId).then( response => { dispatch(setStatus(response.data)) }) } export const updateStatus = (status) => (dispatch) => { profileAPI.updateStatus(status).then( response => { if(response.data.resultCode === 0) { dispatch(setStatus(status)) } }) } используется "data" в качестве аргумента у стрелочной функции, то поменяйте "data" на "response" как написано выше, если и это не поможет, то попробуйте вызвать священника(сеньора) чтобы он освятил ваш пк и очистил от злых духов(ошибок)
ух спасибо за полезный комментарий! увидела такую же ошибку при обновлении статуса, но оказалось, что я в санку updateStatus при диспатче передала response.data. (копи паст с прошлой санки)
Димыч отучил от сериалов.... Теперь для меня лучший способ провести время закончить урок (начать, пересмотреть [выбрать нужное]), коммит, конспект, читать... React Redux. Это ж надо такой талантище айтишно преподавательский
Чувствую себя таким классным, когда сам себе создаю баги, а потом сам успешно их дебажу! Прям чувствую, как работодатели в очередь за таким "самородком" выстраиваются! =D React js, setState, мать его!
Спасибо! Ребят у кого при вводе в input добовляется лишь один символ, проверьте в ProfileStatus что в input написанно value={this.state.status} а не this.props.status.
Что-то этот урок туговато зашел, но после двух неудачных попыток самостоятельной реализации и последующих 3-4-х пересмотров этого же урока все стало понятнее)) А вообще круто, что мы можем использовать local state, чтобы хранить данные, которые не относятся к глобальной логике приложения. Однозначно лучший курс по реакту. Продолжаем учим React JS. Не забываем подтягивать нативный JavaScript))
господи, парился из-за того, что у меня какого-то хрена пустой статус приходит, уже грешил на то, что контекст вызова неправильный, но были мысли и про жизненный цикл, а Димыч в конце всё подтвердил. буду исправлять уже в следующем уроке. спасибо большое!
За 15 дней дошел до 73 урока, знаний в голове как будто больше, чем за все 10 месяцев обучения в Яндекс Практикуме. Я вновь получаю удовольствие от обучения, спасибо, Димыч!
Ну вроде получилось разобраться) Многие вижу ловят себя ошибках и сами исправляют их... Думаю это хороший знак, мы умеем анализировать код и понимать что и как работает, а значит мы на правильном пути) Удачи всем! Спасибо Димыч за прекрасный курс! #react #localState #put #get #API #DAL #BLL
Один из самых трудных, но интересных выпусков был для меня. Рисовал таблички, стрелочки, в итоге понимание пришло. #react #localState #put #get #API #DAL #BLL
API, JS, TS,ajax State, Store, Dispatch ,Connect, Action, Route Provider, Reducer, mapStateToProps mapDispatchToProps, {...state}, Props React Redux ,withRouter redux-thunk Redirect Практика, cookie,login follow-unfollow api redux-thunk High Order Component (hoc) setState, local state compose create-react-app http put, local state JavaScript курс React DAL, axios.create Веб разработка разметка best of the best!!! Спасибо за урок :)
Димыч, ты очень вдохновил, уже когда я бросить хотела, но из чистого упрямства решила попробовать реакт. Хочу устроиться теперь. Задоначу, обязательно.
Опять столкнулся с проблемами раньше чем автор поскольку делал иначе. Зато как оказалось сам верно нашёл место "ошибки" - сразу к следующему видео за решением
Не отрисовывался статус, когда писала что-либо в инпут, в итоге ошибка была в api.tsx, в put второй параметр должен передаваться как объект. Вот так: updateStatus(status:string) { return instance.put(`profile/status`, ➡{status}⬅) .then(response => response.data) }
тема вроде не сложная и понятная, но я 2 дня мучалась вылавливая у себя множество ошибок.... Итог: тему поняла и заметила, что я гораздо лучше стала находить свои ошибки. И это таки здорово! Спасибо, Димыч!!!
08.01.2023. Щоб статус відображався коректно потрібно додати дефолтний параметр Було getStatus(userId ) {return instance.get(`profile/status/` + userId)}, Стало getStatus(userId = 2) {return instance.get(`profile/status/` + userId)}, можливо комусь допоможе
Тяжеловато зашел этот урок, раза три пересмотрел, немного запутался с локальным и глобальным стейтом, но уже вроде норм, пару схем нарисовал, куда что идет и уже не так сложно кажется. Спасибо за урок!)
очень интересный урок о global state и local state, писал сам на слух код по видео, запутался где какой state используется, в итоге некорректно работало. Долго разбирался что не так, но потом когда послушал позже в видео что в span должен быть global state from props, а в input local state from state стало понятно почему так странно работает. За то хорошо все понял, спасибо за урок!)
Урок по факту повторение того, что было раньше, когда делали input для постов на странице. Только здесь прикрутили к этому новый аякс запрос. Было не трудно.
всем летний привет с Киева, будьте внимательны с копипастом, когда будете делать санку на обновление статуса. так как в респонсе приходит результкод и пустая дата, можно машинально написать setStatus(Response.data) ,что в свою очередь выпадет в ошибку. Правильная формулировка - setStatus(status) ЮПД - по легенде лайк Димыча даёт +100 к мотивации)))))
Если возникает ошибка : Uncaught Error: Objects are not valid as a React child (found: object with keys {data, messages, fieldsErrors, resultCode}). Попробуйте пересмотреть, как Димыч создает updateStatus thunk, он там передает в setStatus(status). Вы возможно могли передать, что то другое
IT-KAMASUTRA - the best React tutorials!!! Подскажите было у кого? До обновления всей страницы статус 200))) Берет значение из Response Headers status: 200, а не из Request Payload?
Лайк, если тоже во время заставки хоть раз пробовал включить скорость воспроизведения 0,75😁 Жду хуки, и пока не могу понять насколько устарел курс. Но я всё равно дойду до конца! Димыч, спасибо за твои труды!
Да, туда прокидываются все пропсы, которые передаются в родительскую компоненту через connect. Отличные курсы, главное (по крайней мере для меня), что объясняются основополагающие, архитектурные аспекты. Спасибо за такой великолепный материал))
Пока это был наверное самый мозговыносящий урок) ничего, если пересмотры не помогут, пойдём дальше, а потом с высоты тех ступеней эта покажется детским садом)
А я все еще освещаю свой путь изучения в комментах. Такс, на этом этапе хочу еще раз выразить спасибо Димычу. Хоть он и путается и забывается местами но продолжает нам разжевывать детали. Совет деревяным головам (как я), до которых тяжко доходит. Сделайте перерыв (час -день), после пересмотрите и много станет более понятно. Что могу сказать по этому уроку? Вроде все что было раньше, использовалось тут, без новизны. Прикол в том, что у многих различные ошибки вылазили. У меня тоже была какаето типа: "неконтролируемое значение input", я там залез в документацию по ссылке из ошибки и там посмотрел как правильно должны быть переданы атрибуты. Исправил по примеру из документации. Что касается ошибки у Димыча, когда после тыкания на статус - он перезатирается пустой строкой. У меня такой проблемы нет. Скорее всего изза того что в жизненом цикле инпута - у меня подтягивается значение из локального state, который перезаписывается все время значением из api, а при изменении текста в input происходит вызов санки на перезапись значения в api. Может этот круговорот не правильный, но он работает. Я полег дальше, но скорее всего вернусь сюда (и всем остальным советую также поступить)
То чувство, когда мечтаешь завершить курс и пойти на работу не ради себя, а чтобы задонатить Димычу! =)))
Привет, получилось устроится??? Если да - напишите свой путь, хотя бы вкратце. Очень интересно
Есть такое,у меня вообще в планах в первый отпуск посетить Беларусь и пожать ему руку лично,уже с 40 го занятия поставил цель себе)
точно)))))
ададададдада
получилось?
Над головой снаряды летают
Взрывы, стрельба
А я сижу учу React :)
Спасибо Димычу за такой курс!
Живой???
Я из Харькова, у нас летают еще(((
+
та же фигня(
Скорее бы всё это кончилось... Держитесь пацаны!
Дай бог Вам сил и здоровья!
Привет из 21 года, есть кто еще живой?
идем ДАЛЬШЕ!
Херячим потихоньку
Да вроде как маленькими шожками
Что делать если статус null
@@Yukrop сделай обработку, например в санке в then добавь
if (data === null) {
return;
}
Знаете, ребят, это охеренное чувство, когда сам всё это написал ещё до просмотра данного видоса) Поэтому бомбите дальше, всё не зря, что-то в голове откладывается)
Димыч про ААП отжег))))))))
Поздравляю самураев с 2023 годом!
Если возникает ошибка : Uncaught Error: Objects are not valid as a React child (found: object with keys {data, messages, fieldsErrors, resultCode}) и у вас в ProfileReducer.js в export const getStatus = (userId) => (dispatch) => {
profileAPI.getStatus(userId).then( response => {
dispatch(setStatus(response.data))
})
}
export const updateStatus = (status) => (dispatch) => {
profileAPI.updateStatus(status).then( response => {
if(response.data.resultCode === 0) {
dispatch(setStatus(status))
}
})
} используется "data" в качестве аргумента у стрелочной функции, то поменяйте "data" на "response" как написано выше,
если и это не поможет, то попробуйте вызвать священника(сеньора) чтобы он освятил ваш пк и очистил от злых духов(ошибок)
ух спасибо за полезный комментарий!
увидела такую же ошибку при обновлении статуса, но оказалось, что я в санку updateStatus при диспатче передала response.data. (копи паст с прошлой санки)
огромное спасибо!!!
Спасибо, бро. Помог
Спасибо брат!
Димыч отучил от сериалов.... Теперь для меня лучший способ провести время закончить урок (начать, пересмотреть [выбрать нужное]), коммит, конспект, читать... React Redux. Это ж надо такой талантище айтишно преподавательский
Чувствую себя таким классным, когда сам себе создаю баги, а потом сам успешно их дебажу!
Прям чувствую, как работодатели в очередь за таким "самородком" выстраиваются! =D
React js, setState, мать его!
😆😆😆😆😆😆😆😆😆😆
Уже думал что local state использоваться не будет так как есть BLL, но оказывается век живи век учись!)) Спасибо
Спасибо! Ребят у кого при вводе в input добовляется лишь один символ, проверьте в ProfileStatus что в input написанно value={this.state.status} а не this.props.status.
спасибо тебе чувак за сохраненные нервы
@@VolodymyrBorschuk Не за что, удачи!
Даже спустя месяца экономишь людям нервы)
Спасибо!
@@sashamolchanov9119 Не за что, удачи )
Спасибо бро!!!
футболка JS, круто))
Получилось, но надо пересмотреть и осознать сказанное, спасибо Дим!!!!
Что-то этот урок туговато зашел, но после двух неудачных попыток самостоятельной реализации и последующих 3-4-х пересмотров этого же урока все стало понятнее)) А вообще круто, что мы можем использовать local state, чтобы хранить данные, которые не относятся к глобальной логике приложения. Однозначно лучший курс по реакту. Продолжаем учим React JS. Не забываем подтягивать нативный JavaScript))
господи, парился из-за того, что у меня какого-то хрена пустой статус приходит, уже грешил на то, что контекст вызова неправильный, но были мысли и про жизненный цикл, а Димыч в конце всё подтвердил. буду исправлять уже в следующем уроке. спасибо большое!
Реализовал сам, получилось почти в точности как у тебя, вплоть до имен функций0)) горжусь собой, спасибо Димыч!!
Ха, не запомнил свой ID и теперь понял ,что спустя неделю после меня зарегилось еще 150 человек, круто, контент востребован.
Це було складно)) Але коли зрозумів як все працює то прям кайф ! Дімич Сенсей Самурай Дяк)
#react #localState #put #get #API #DAL #BLL
Темка интересная , но я потратил полтора часа на изучение данного урока, с учётом 2х скорости. Спасибо за контент, Димыч)
За 15 дней дошел до 73 урока, знаний в голове как будто больше, чем за все 10 месяцев обучения в Яндекс Практикуме. Я вновь получаю удовольствие от обучения, спасибо, Димыч!
Как успехи? Трудоустроился ?
11:16 - благадарствую Димыч, теперь буду знать
Спасибо большое за урок!!! Коммент в поддержку канала и автора👍👍👍 React, Redux, state, localState, useState
Ну вроде получилось разобраться) Многие вижу ловят себя ошибках и сами исправляют их...
Думаю это хороший знак, мы умеем анализировать код и понимать что и как работает, а значит мы на правильном пути)
Удачи всем!
Спасибо Димыч за прекрасный курс!
#react #localState #put #get #API #DAL #BLL
03.08.2021! Запал еще есть ! Учу дальше! Даже не думал что смогу уже 73 выпуска освоить! Димыч - спасибо большое!
Один из самых трудных, но интересных выпусков был для меня. Рисовал таблички, стрелочки, в итоге понимание пришло.
#react #localState #put #get #API #DAL #BLL
API, JS, TS,ajax
State, Store, Dispatch ,Connect, Action, Route
Provider, Reducer, mapStateToProps
mapDispatchToProps, {...state}, Props React
Redux ,withRouter
redux-thunk
Redirect
Практика, cookie,login
follow-unfollow api
redux-thunk
High Order Component (hoc)
setState, local state
compose
create-react-app
http put, local state
JavaScript
курс React
DAL, axios.create
Веб разработка
разметка
best of the best!!!
Спасибо за урок :)
Димыч, ты очень вдохновил, уже когда я бросить хотела, но из чистого упрямства решила попробовать реакт. Хочу устроиться теперь. Задоначу, обязательно.
❤️
Прохожу курс во время в Инкубаторе) Путь Самурая дает еще больше понимания большого проекта. Спасибо) Лечу дальше
Опять столкнулся с проблемами раньше чем автор поскольку делал иначе. Зато как оказалось сам верно нашёл место "ошибки" - сразу к следующему видео за решением
Объяснение очень доступное, в реализации оказалось сложнее)
Не отрисовывался статус, когда писала что-либо в инпут, в итоге ошибка была в api.tsx, в put второй параметр должен передаваться как объект.
Вот так:
updateStatus(status:string) {
return instance.put(`profile/status`, ➡{status}⬅)
.then(response => response.data)
}
тема вроде не сложная и понятная, но я 2 дня мучалась вылавливая у себя множество ошибок.... Итог: тему поняла и заметила, что я гораздо лучше стала находить свои ошибки. И это таки здорово! Спасибо, Димыч!!!
После перепереперепросмотра стало понятнее ) Вернее после того как ручками всё сделал сам ) local state Ещё +1 урок. Спасибо!
Димыч, я в твоих уроках растворяюсь и не замечаю, как время летит! Лучшее объяснение React JS - http put, local state
08.01.2023. Щоб статус відображався коректно потрібно додати дефолтний параметр
Було
getStatus(userId ) {return instance.get(`profile/status/` + userId)},
Стало
getStatus(userId = 2) {return instance.get(`profile/status/` + userId)},
можливо комусь допоможе
После этого чудесного туториала в моем репозитории на GitHub появился коммит "73. requests PUT, PUT, local state: update my status'
Бошка кипит, Димыч от души, бомбим дальше !!!❤
Димыч - мастер интриги. Сразу хочется посмотреть следующий урок по React.js.
Тяжеловато зашел этот урок, раза три пересмотрел, немного запутался с локальным и глобальным стейтом, но уже вроде норм, пару схем нарисовал, куда что идет и уже не так сложно кажется. Спасибо за урок!)
Угарнул с ААП -
Аб'ектна Арыентаванае Праграмаванне.
Сам родом с Гомеля, но 25 лет живу на Украине. Спасибо, что напомнили Белорусский=)
Столько классных готовых велосипедов, как в них всех не запутаться)
Урок 73. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
Черт возьми ! Этот урок оказался сложнее чем redux-thunk
Сделал это сам, так как ты очень хорошо обучаешь. Спасибо тебе, летим дальше!!!
React JS
http put, local state
Спасибо за уроки
очень интересный урок о global state и local state, писал сам на слух код по видео, запутался где какой state используется, в итоге некорректно работало. Долго разбирался что не так, но потом когда послушал позже в видео что в span должен быть global state from props, а в input local state from state стало понятно почему так странно работает. За то хорошо все понял, спасибо за урок!)
Хороший урок! Обязательно пересмотрю еще раз для закрепления! 🥷🏼 реакт редакс put post api react redux
этот выпуск как бальзам на душу, после предыдущего, ох и не люблю я копаться в ошибках и багах... стараюсь конечно морально готовиться к этому...
Очень круто и интригующе =) Как всегда на высоте! Спасибо за уроки по ReactJS localState reduxStore
Устроился на работу?
@@АнтонЧижков-ч4л уже сам устраиваю)
пришлось конечно получаться с функциональной компонентой , но все получилось !!!! спасибо !!! react!
немного выносит мозг, но мы держимся) Считаю нужным пройти этот курс ради лучшего понимания классовых компонент и методов жизненного цикла
Нифига не поняла, но очень интересно)))
React JS, http put, local state
Лучшие уроки по реакту, спасибо!!!
сложненько. завтра буду пересматривать. Спасибо, Димыч! local state
Димыч, огромное спасибо за доступный материал✊✊✊. Конечно местами мозг подзакипает, но потом от повторения все усваивается.
было сложно, но справился. Сенсей топ! бомбим React
local state status API get put DAL BLL
Продолжаю изучение - 17-ый день - 73/100
Димыч, спасибо за труд!
Отличный урок! Продолжай в том же духе! Не спеши, мы подождём)
С первого раза - ничего не понятно, но очень интересно. Идем на второй круг просмотра )
локальный статус хорошо подошел в качестве кэша для editMode - круто, спасибо! React Redux
2:37 Прекрасный французский!))
Как говорится, на самом интересном месте...
{ props, redux, react, state, local, BLL }
Урок по факту повторение того, что было раньше, когда делали input для постов на странице. Только здесь прикрутили к этому новый аякс запрос. Было не трудно.
Летим !
Тоже пока делал столкнулся с этой проблемой, надеюсь в следующем видео найду решение, а то закипело маленько))
всем летний привет с Киева, будьте внимательны с копипастом, когда будете делать санку на обновление статуса. так как в респонсе приходит результкод и пустая дата, можно машинально написать setStatus(Response.data) ,что в свою очередь выпадет в ошибку. Правильная формулировка - setStatus(status)
ЮПД - по легенде лайк Димыча даёт +100 к мотивации)))))
Спасибо за урок! Как всегда все на высшем уровне, лечу дальше!
React JS - топ курс!
Привет из 22 :)
Спасибо Димыч! Все круто и понятно. Local state, put, post, get, delete, react, redux
Спасибо, Димыч! Нелёгкая тема. React, Redux, http put, local state
В очереднейший раз спасибо, Димыч! Любимый белорус
Спасибо за уроки
Если запросы не идут, посмотрите правильность ссылок в документации, в видосе они почему-то другие
Если возникает ошибка : Uncaught Error: Objects are not valid as a React child (found: object with keys {data, messages, fieldsErrors, resultCode}). Попробуйте пересмотреть, как Димыч создает updateStatus thunk, он там передает в setStatus(status). Вы возможно могли передать, что то другое
Интересно почему так
Спасибо брат, помог
Орнул с ААП ))
Чем сложнее тем интереснее, globalState - localState тема класс! Респект Димыч!
IT-KAMASUTRA
- the best React tutorials!!!
Подскажите было у кого? До обновления всей страницы статус 200))) Берет значение из Response Headers status: 200, а не из Request Payload?
Лайк, если тоже во время заставки хоть раз пробовал включить скорость воспроизведения 0,75😁
Жду хуки, и пока не могу понять насколько устарел курс. Но я всё равно дойду до конца! Димыч, спасибо за твои труды!
я рекомендую: как удобно))
Спасибо, Димыч!!! Все супер!!!
курс - огонь, Димыч - красава!
Плюсик для лучшего ранжирования)
5 раз посмотрел хм сложный урок но процентов 50 понял все-таки идем дальше!
Большое реактивное спасибо, Димыч! http put, local state
А зачем мы прокидываем отдельно через пропсы status, updateStatus, если у нас там деструктуризация родительских пропсов {...this.props} ?
Может и лишнее, если в родительских пропсах эти данные уже были! Если удалите и оно продолжит работу - вы правы!
Да, туда прокидываются все пропсы, которые передаются в родительскую компоненту через connect.
Отличные курсы, главное (по крайней мере для меня), что объясняются основополагающие, архитектурные аспекты. Спасибо за такой великолепный материал))
Пока это был наверное самый мозговыносящий урок) ничего, если пересмотры не помогут, пойдём дальше, а потом с высоты тех ступеней эта покажется детским садом)
Ура ура заработало) Debbager вещь) и Дымич круто показывает как им пользоваться)
Взрыв мозга в данном уроке...
Спасибо 2022! Сделал, но нужна практика (логическая цепочка + код без ошибок => сложно) Иду дальше!
Хорошие видео уроки, хотел спросить prop-types не заметил в роликах, пользуешься этой либой? или можно без нее обходиться?
норм тема, но мы с 100 выпуска начнём использовать typescript, а с ним PropTypes избыточны на мой взгляд
летим дальше! put , local state
В рамках обучения норм, я лично в в профиле статус прокидываю, думаю он его часть. Но урок замечательный, очень показательно!
Как всегда на высоте! Thank you
с 10 до 18 я делал это урок) благо есть время на работе. это действительно сложный урок) учитывая что методы с 19 года поменялись
что за работa?
А я все еще освещаю свой путь изучения в комментах. Такс, на этом этапе хочу еще раз выразить спасибо Димычу. Хоть он и путается и забывается местами но продолжает нам разжевывать детали. Совет деревяным головам (как я), до которых тяжко доходит. Сделайте перерыв (час -день), после пересмотрите и много станет более понятно.
Что могу сказать по этому уроку? Вроде все что было раньше, использовалось тут, без новизны. Прикол в том, что у многих различные ошибки вылазили. У меня тоже была какаето типа: "неконтролируемое значение input", я там залез в документацию по ссылке из ошибки и там посмотрел как правильно должны быть переданы атрибуты. Исправил по примеру из документации.
Что касается ошибки у Димыча, когда после тыкания на статус - он перезатирается пустой строкой. У меня такой проблемы нет. Скорее всего изза того что в жизненом цикле инпута - у меня подтягивается значение из локального state, который перезаписывается все время значением из api, а при изменении текста в input происходит вызов санки на перезапись значения в api. Может этот круговорот не правильный, но он работает.
Я полег дальше, но скорее всего вернусь сюда (и всем остальным советую также поступить)
Спасибо за труды!
Оплатил подписку, не скупитесь, друзья)
Спасибо, Димон! Мой мозг взорван!
local state global state интресно=)) спасибо
Лайк. Потом просмотр! React рулит)