96 - ReactJS загрузка изображения, shouldComponentUpdate fix

  Рет қаралды 54,077

IT-KAMASUTRA

IT-KAMASUTRA

Күн бұрын

Пікірлер: 377
@is_eliseeva
@is_eliseeva Жыл бұрын
ура! поставила фотку! с середины курса я все ждала этого момента, думаю: "почему люди фотки не ставят?" а дело в том, что это будет в 96 уроке. все юзеры с фотками - настоящие самураи! спасибо за урок! #загрузкаизображения #shouldComponentUpdate
@MikhailKuklenkov
@MikhailKuklenkov 3 ай бұрын
Привет. Будь добра дай ссылку на свой git. Я поймал ошибку и затупил, не могу понять в чем дело.
@is_eliseeva
@is_eliseeva 3 ай бұрын
@@MikhailKuklenkov привет, я оставляла ссылку, но комментарий удален
@evgeniypp
@evgeniypp 4 жыл бұрын
По количеству аккаунтов с фотками в "Users" можно точно определить количество дошедших до этого урока самураев))
@anonuser1366
@anonuser1366 4 жыл бұрын
у меня 3 акаунта, так что -2))
@uzurbatya
@uzurbatya 4 жыл бұрын
@@anonuser1366 зачем?
@Kalebra013
@Kalebra013 4 жыл бұрын
я заморочился и вытащил всех юзеров из апишки, потом фором посчитал у скольких фотки не нулл. в итоге: есть фотки у 637 юзеров из 3426 (18,6%). Грубо говоря около 15% процентов реально хотят чему-то научится и не сдаются
@militant6709
@militant6709 4 жыл бұрын
@@Kalebra013 многие недавно начали
@erjan816
@erjan816 4 жыл бұрын
@@militant6709 Думаю можно + 20-30%
@oduvanio
@oduvanio 4 жыл бұрын
Ржунимагу про поцелуй в конце)
@ВикторКысса-я8х
@ВикторКысса-я8х 5 жыл бұрын
Очередной бомбезный выпуск по React и Redux !!! Мы все огромные молодцы кто дошел до этого выпуска с самого начала, особенно тяжело было Димычу поэтому кто как может должен его обязательно отблагодарить если ещё не отблагодарил !!!))
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Спасибо, мужик!
@olenakunina1
@olenakunina1 2 жыл бұрын
@@ITKAMASUTRA я не знаю что вы планируете в дальнейшем делать с ресурсом social-network но на данный момент оплатить там подписку для не проживающих на территории снг не возможно, ну или почти, если тебе не наплевать на то что едиственный сервис который подключен для оплаты требует пройти через процесс идентификации с предоставлением паспортных данных, я простите не открываю счет в банке или регистрируюсь на каком то сверх сложном сервисе, а просто хочу оформить копеечную подписку и не собираюсь предоставлять свои персональные данные в таком объеме как фотки пасспорта и тд. в принципе это мне не мешает пользоваться апи, уж не знаю то ли вы решили в конце концов сделать это бесплатно, толи какой то глюк, но тем не менее из Новегии у меня прекрасно все работает и без подписки, я подписалась на патреоне - доступ к секретному контенту мне пока не нужен, просто пока оформила минимальную подписку чтобы пользоваться апи с чистой совестью, но думаю не плохо было бы подключить какую нибудь другую дополнительную платежную систему к social-network, так как таких как я не мало на этом канале(ну я так думаю)
@Canaillee
@Canaillee 5 жыл бұрын
Вот вспоминания как все данные прокидываются в процессе повторения очень хорош помогают этот процесс запомнить, жирный лайк, а то когда так поглощаешь информацию, некоторые моменты забываются. Это хорошо людям, которые ждали новый выпуск, они тренировались в период ожидания, но люди, которые будут смотреть готовые 100 выпусков, они с нетерпением будут смотреть урок за уроком, а это минус в практике)
@АртемКулинский-ю4о
@АртемКулинский-ю4о 3 жыл бұрын
Очень радуют слова в конце каждого видео! Дмитрий- человек с очень доброй душой, большим умом и огромным желанием сделать мир лучше! Побольше бы таких людей! Отличные уроки по React - Redux! Очень хорошо объяснена загрузка изображения!
@Mary07770
@Mary07770 4 жыл бұрын
спасибо за выпуск! крутой курс! девчата летят дальше)
@alexey3303
@alexey3303 4 жыл бұрын
объект c заголовком header: Content-Type: form/multipart можно не отправлять в API. Конструктор FormData() формирует его сам автоматически
@vsevolodpokhvalenko4705
@vsevolodpokhvalenko4705 4 жыл бұрын
Спасибо!
@МаксКот-о8к
@МаксКот-о8к 3 жыл бұрын
Радик такх коментов я и чтаю их!) спасибо мужик!
@skily4866
@skily4866 2 жыл бұрын
Кстати да, а то был опыт до этого загружал файл на сервак и там я ничего такого не указывал. Спасибо за обьяснение
@smolhs1586
@smolhs1586 Жыл бұрын
боже, неужели я добралась до того видео, с которого видно 101 урок в плейлисте) настоящая финишная прямая) спасибо Димычу за огромный труд!
@AmeSagiriAlbion
@AmeSagiriAlbion Ай бұрын
Работаешь фронтендером?
@smolhs1586
@smolhs1586 Ай бұрын
@@AmeSagiriAlbion неа(
@AmeSagiriAlbion
@AmeSagiriAlbion Ай бұрын
@@smolhs1586 У меня тоже проблемы с поиском вакансий) Их тупо нету либо нужен опыт работы большой :/
@ЛусінеАтаджанян
@ЛусінеАтаджанян 3 жыл бұрын
Офигенный урок про загрузку изображений. Наконец-то пофиксили баг с профилем с помощью shouldComponentUpdate (теперь понятно, что пофиксить это было не очень сложно, но самостоятельно до этого додуматься лично у меня не получилось). Однозначно лучший курс по React JS и JavaScript. Дима - просто дикий парень, невероятно заряжает силами! Не забываем периодически благодарить его за это не только лайками и комментариями))
@smolhs1586
@smolhs1586 Жыл бұрын
Цитаты лучших преподавателей: "Блин, микрофон падает, ёбушки-воробушки" 😹 "Что я сделал, буську дал, ПРОСТИТЕ, МУЖИКИ" 😹 всё ещё лучший курс по React JS )
@avarskiyaslahan8213
@avarskiyaslahan8213 Жыл бұрын
Бро, как можно быстрее ответ, пожалуйста. Ты уверен, что этот курс стоит того, чтобы просмотреть? Я просто перемотал на 99 урок и там ничего такого нет, как-будто одно и тоже. Как-будто он не показал даже как печатать смс друг-другу и сама по себе соцсеть не сделалась, а этот курс объясняет только очень малую информацию
@avarskiyaslahan8213
@avarskiyaslahan8213 Жыл бұрын
И выглядит также как-будто всё, как и на 24 уроке, на котором я сейчас.
@smolhs1586
@smolhs1586 Жыл бұрын
@@avarskiyaslahan8213 стоит. Он хорошо поясняет базу, которая нужна перед углубленным изучением
@avarskiyaslahan8213
@avarskiyaslahan8213 Жыл бұрын
@@smolhs1586 Стоп, а он показал как переписываться там например?
@smolhs1586
@smolhs1586 Жыл бұрын
@@avarskiyaslahan8213 нет
@tania_miau
@tania_miau 3 жыл бұрын
Ну про девчат прям приятно, что уж тут. Спасибо Димыч за твои видосы!! Я уже в интернатуре на React разработчика))
@raprap630
@raprap630 4 жыл бұрын
Лайк за урок! Кстати про красоту оформления. Было бы вообще огненно если бы ты сделал видео как прикрутить к проекту какой-нибудь css фреймворк (бутстрап, материалайз ...) Это было бы просто мега круть. Можно это сделать как продолжение этого курса или как отдельный выпуск. Огромная благодарность тебе Димыч от меня и от всех кто учится по твоим урокам!
@SunlighT_90
@SunlighT_90 3 жыл бұрын
Спасибо за выпуск! Очень интересно было загрузить свой файл. Сначала посмотрел видео, потом на листе бумаги написал план-алгоритм и начал кодить. Немного намудрил с отправкой и получением файла, пришлось возвращаться к видео и конспекту. Зато так лучше понял. Выпуск просто огонь.
@eugene-dmitrievich
@eugene-dmitrievich 8 ай бұрын
Спасибо большое за урок!!! Было очень полезно. React, redux, image uploading, componentDidUpdate, put-запросы, form data, input type file
@MikhailKuklenkov
@MikhailKuklenkov 4 ай бұрын
Привет. Будь добр дай ссылку на свой git, я поймал ошибку и затупил. Не могу понять в чем дело.
@ЛияКозленко
@ЛияКозленко 3 жыл бұрын
Приятненько, когда получаешь от Димыча супер-мега-респект :D Летим дальше по курсу ReactJS!
@iliagrashev681
@iliagrashev681 3 жыл бұрын
Буську?)
@lelkamod
@lelkamod 4 жыл бұрын
Наконец то аватарка)) Как мне ее хотелось зафигачить) Дима, спасибо за твой бесценный труд!) Ты делаешь мир лучше!!!
@Aleks-lk1et
@Aleks-lk1et Жыл бұрын
Спасибо! 2022! Отметился в статусе, что дошел до 92 урока!!! Еще 4 шага.
@ЭйЭй-ы1и
@ЭйЭй-ы1и 4 жыл бұрын
Хех, хейтеры не доходят до донца))) Спасибо за курс, Димыч!) Лечу дальше!)
@indigosay8272
@indigosay8272 4 жыл бұрын
доходят, чтобы выудить максимум информации)
@ourpeoples1356
@ourpeoples1356 3 жыл бұрын
устроился на работу - спустя 2 месяца после просмотра 100 выпусков, зп 500$, в стартап
@ІгорСнігур-х1л
@ІгорСнігур-х1л 4 жыл бұрын
Спасибо за отличный курс по React/Redux !!! Уже почти на 2.0 !!!
@БогданДанильців-ц7о
@БогданДанильців-ц7о 4 жыл бұрын
Класний курс, відчуваю себе розробником, апішку купив з самого початку і не жалію.
@elenakniazeva5388
@elenakniazeva5388 5 жыл бұрын
держи свою крышу на месте, она нам всем ещё нужна!)) ты и твой мозг даёте нам возможность стать круче, спасибо еще раз!!!
@tatianakruglaya6760
@tatianakruglaya6760 4 жыл бұрын
Устроилась на работу?
@ВикторКлименко-щ9ф
@ВикторКлименко-щ9ф 3 жыл бұрын
как ни странно, вся эта математика с paginator-ом у меня зашло на ура, интересно же)))
@ЭльнараГайнанова
@ЭльнараГайнанова 4 жыл бұрын
Смотрю уже как сериал и скорее хочу начать смотреть новый сезон 💥 спасиииибо! Песня тоже уже в голове играет в течение дня, хожу и напеваю
@ihorprokopenko4837
@ihorprokopenko4837 4 жыл бұрын
Спасибо большое! React & Redux бомбим дальше))
@kuksenko_karting
@kuksenko_karting 4 жыл бұрын
Спасибо большое за выпуски! Димыч ваще красавчег! Они реально помогают! После месячного перерыва выхожу на финишную прямую и допиливаю соцсеть до 100го выпуска! ReactJS, shouldComponentUpdate, image uploading.
@LoonyPatient
@LoonyPatient 4 жыл бұрын
Сейчас становится забавно, когда в первых уроках Димыч говорил, можете сделать(поиграться) компоненту юзеров и там фоточки добавить. Я начал делать массив в сторе, в контейнерной компоненте через мап хотел создать объекты и вызывать их в презентационной компоненте. Но стало страшно от наследований и присвоений, и я оставил эту затею =D А еще меня терзало, что у меня аватарки нет, я все искал может в API'шки сайта есть вкладка такая, загрузки фото =D
@МихаилНефедов-л8ж
@МихаилНефедов-л8ж Жыл бұрын
++++++++++++++++
@Vllad_Ko
@Vllad_Ko 4 жыл бұрын
Все ближе к тому, к чему к тому? Да к составлению резюме по React + Redux. ))) Лучший курс по этой теме!
@nuriddintashpulatov4233
@nuriddintashpulatov4233 3 жыл бұрын
Я не заметил до этого, что на этом курсе мы загрузим фотку, и так расстроился. Настолько расстроился, что сам взялся за проект и воткнул вкладку "profile settings" в настройках с выбором фотки и её превью. Классный опыт был. Спасибо за видосы Димыч!
@ПараСлов-н2и
@ПараСлов-н2и 3 жыл бұрын
Спасибо! Крутяк! Очень интересно! Сначала сам долго голову ломал, как решить проблему, а потом оказалось, что дело в api. Я put запрос сделал по аналогии со статусом поначалу через json... :)) Когда додебажил до api'шки, понял, что проблема там и начал смотреть ролик дальше :)
@OleksandrBihun
@OleksandrBihun 4 жыл бұрын
Наконец-то, и у меня есть фото в профиле. Спасибо большое за проделанную работу!
@stepanovnikita13
@stepanovnikita13 2 жыл бұрын
Спасибо, Димыч, за курс! Это лучшее , что есть на ютубе по реакту))) Ребят, кто дошел до этого урока, проверьте пожалуйста загрузку фото на сервак. Я уже 2 дня не могу дать ума почему приходит код "1" с сообщением "Choose Image file". В первый раз делал сам, после неудачных попыток отправки фото сделал под диктовку Димыча, но так же песня
@itbomj8353
@itbomj8353 Жыл бұрын
Привет, можешь скинуть сыллку нас вой git с этим проектом буду очень благодарен
@ДмитрийЕфимов-б6й
@ДмитрийЕфимов-б6й 5 жыл бұрын
ух я на 60 ролике пока, кайфую очень здорово, вижу новые видео и так настроение поднимается) спасибо, это лучший курс что я видел React Redux
@gagikkhachatryan3141
@gagikkhachatryan3141 5 жыл бұрын
Круто круто круто круто , бомбим дальше
@pashabezk
@pashabezk Жыл бұрын
2022. Ееееееееее, исправили баг с профилем! Очень рад! Загрузка фотографий тоже очень порадовала. Спасибо большое!
@MikhailKuklenkov
@MikhailKuklenkov 3 ай бұрын
Привет. Будь добр дай ссылку на свой git. Я поймал ошибку и затупил, не могу понять в чем дело.
@pashabezk
@pashabezk 3 ай бұрын
@@MikhailKuklenkov Привет! К сожалению, я этот проект не загружал на гит :( Но если будет интересно глянуть другие проекты - мой ник pashabezk
@audiomax111
@audiomax111 5 жыл бұрын
Невероятный воин, спасибо)!
@spacerider9426
@spacerider9426 3 жыл бұрын
Спасибо огромное за твой труд! Смотрю дальше!
@sergiistryzg9699
@sergiistryzg9699 5 жыл бұрын
За красиво много не платят)) за логику и продумывание платят хорошо) Спасибо тебе) Отдохни и наберись сил тем более уже все 100 выпусков по React отснял) Как же приятно когда есть люди которые держат слово!) И да хоть ты и женат но девочки всегда приятнее пальчиков))
@arayoflight
@arayoflight 4 жыл бұрын
Все выпуски суперМегаМега крутые! Спасибо! ReactJS загрузка изображения, shouldComponentUpdate fix
@bshirun2271
@bshirun2271 Жыл бұрын
время 23 12 завтра выпускной в 9 утра, бомбим до 100 выпуска!
@mashadraguta
@mashadraguta 2 жыл бұрын
финал скрасил день учёбы! спасибо Димыч летим
@maxim.saharov
@maxim.saharov 2 жыл бұрын
@dimitriitkach7697
@dimitriitkach7697 3 жыл бұрын
spasibo za urok - 96 - ReactJS загрузка изображения, shouldComponentUpdate fix
@ЯДИграет
@ЯДИграет 5 жыл бұрын
Шик, только посмотрел 95 выпуск и запустил приложение на github, а тут новый видосик подоспел! Есть, чем заняться завтра! Еще раз спасибо за такой крутой курс по React!!
@crypto4elik
@crypto4elik Жыл бұрын
я так давно ждал этот урок, когда можно будет обновить фотку)
@владШтрикун-ъ6е
@владШтрикун-ъ6е 2 жыл бұрын
Спасибо что накинул идею с формулой левой и правой границы. Я конечно всё равно по своему сделал и формулу другую написал и пагинацию сделал чтобы при клике на страничку автоматом скролились страницы а текущая оставалась по центру. От души)))
@alexanderkozlov7416
@alexanderkozlov7416 3 жыл бұрын
Ура, теперь я знаю, как загружать изображение на сервер из ReactJS =)) А насчет того, что профиль не обновлялся из-за отсутствия метода жизненного цикла componentDidUpdate (не shouldComponentUpdate, как указано в названии видео), так я его самостоятельно сразу же пофиксил, не смог жить с этой багой. Димыч, красавчик. Спасибо тебе.
@АндрейФилимончик-ю9у
@АндрейФилимончик-ю9у 3 жыл бұрын
Я использовал useEffect для ProfileContainer. Вроде за всем следит самостоятельно ) Все супер! Летим!)))
@artemarzumanyan7755
@artemarzumanyan7755 4 жыл бұрын
Первый фикс componentDidMount в сто раз проще сделать Хуками, имхо.
@ilyadmytrenko9982
@ilyadmytrenko9982 2 жыл бұрын
Подскажите, а как вы переписали на хуки компоненту профиля? Не могу докумекать
@ВладПономарёв-м1ъ
@ВладПономарёв-м1ъ Жыл бұрын
Дима, спасибо) ReactJS загрузка изображения, shouldComponentUpdate fix
@alexandera7398
@alexandera7398 Жыл бұрын
Опечатался в слове target, искал ошибку 3 часа 🤯 Димыч, респект!
@Aleks-lk1et
@Aleks-lk1et Жыл бұрын
Написал "response.data.date.photos" и сломал голову 🤯
@alik64
@alik64 2 жыл бұрын
Круто, все работает! Я Аватар еще раньше поменял, но получалось , что запрос шёл из компонента, теперь всё чисто 👍🏼 🚀🥷🏼
@slavapush
@slavapush 4 жыл бұрын
Финишная прямая, она для как ни странно самая нетерпеливая
@ctumyji9737
@ctumyji9737 4 жыл бұрын
Спасибо за урок! Летим дальше! :) React JS от Димыча - супер курс!
@wild_wizards
@wild_wizards 2 жыл бұрын
Лайк! Отличная информация, для тех кто хочет стилизовать кнопку загрузки ищите по запросу "Custom File Input Styling".
@itbomj8353
@itbomj8353 Жыл бұрын
Привет, можешь скинуть сыллку нас вой git с этим проектом буду очень благодарен
@andreiovsenev6573
@andreiovsenev6573 4 жыл бұрын
Толи, что я refreshProfile сделал сначала стрелочной функцией, но после этого страничка как давай туда сюда от моего профайла на чужой прыгать по раза 4), кажется сайд эффект создался, зашел в статистику в личном кабинете, этим сайд эффектом по 400 запросов делалось(таким образом до 2к запросов за сутки вышло). Уже напугался, что система забанит, но после убрал стрелочную функцию и все нормально стало, но напугало то как)) И огромное спасибо за курс!
@НадеждаБаранова-щ2я
@НадеждаБаранова-щ2я Жыл бұрын
Просто кайф)) спасибо. Невероятный курс
@maxgeorgievsky9527
@maxgeorgievsky9527 3 жыл бұрын
Топ курс! Топ видос! Загрузка изображения React Redux!
@ivanmiarkulau8320
@ivanmiarkulau8320 3 жыл бұрын
спасибо за урок о загрузке изображений в ReactJS!)
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 3 жыл бұрын
Оооо, неужели наконец-то наткнулись на эту багу к 96му уроку))) Я уже потерял надежду и думал: "ну ок, че ... ладно хотя бы я у себя ее поправил"!! Интересно посмотреть как такие моменты треба прописывать (хотя, я уже толком не помню как я сам это фиксил ... уж очень давно это было))) так. вот. нашел: useEffect(() => { if (current_ID === null) setProfile(requested_ID) // read profile from DB else if (current_ID !== requested_ID) unsetProfile() // URL changed -> drop profile to null }, [current_ID, requested_ID]) // eslint-disable-line react-hooks/exhaustive-deps Кстати, очень долго разбирался с тем, почему у меня консолька ругается на useEffect, если в нем используются коллбэки, пришедшие в пропсах и при этом я не передаю их, как зависимости. Пробовал и через useCallBack и всяко. В итоге нашел способ как реализовать правильно, чтобы все работало и варнингов не было, но по коду получается раза в 1.5-2 больше, чем через классовую компоненту. Так что, в случае когда вы точно понимаете как у вас работает каждый useEffect, можно использовать "// eslint-disable-line react-hooks/exhaustive-deps" - чтобы заткруть варнинги.
@СергейОнищенко-ъ5ш
@СергейОнищенко-ъ5ш 5 жыл бұрын
здорово.Спасибо огромное.Учить кого то это талант..я как начинаю кому то что то обьяснять убить готов через 5 минут...2 дня мучился этим вопросом пока фотку прикрутил...теперь увижу как правильно..))) Димыч было бы еще неплохо на серваке завести бота друга с которым парой писем можно было бы обменяться а то пытаюсь диалоги прикрутить не ок догадываться по пустым запросам и респонсам работает нормально или нет..))
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
В процессе! Мои студенты между собой договариваются, и то проблемно ! Спасибо за пинок!
@АннаЛелеко-ы3ю
@АннаЛелеко-ы3ю 4 жыл бұрын
Хахаха!!! І тобі, Дімич, цьомчик! :))) Я в апішних запитах одразу роблю перетворення return instance.бла-бла.then(response => response.data), щоб в подальшому трохи скоротити звернення до потрібних мені даних
@RBBoxing
@RBBoxing 4 жыл бұрын
react input file, курс отличный, спасибо! Супер мега респект тебе Дима!
@АртемийЛукин-г4ы
@АртемийЛукин-г4ы 11 ай бұрын
Летим !
@MikhailKuklenkov
@MikhailKuklenkov 4 ай бұрын
Привет. Будь добр дай ссылку на свой git. Я поймал ошибку и затупил, не могу понять в чем дело.
@AI_about_crypto
@AI_about_crypto 2 жыл бұрын
всё отлично, спасибо )) Всё получилось, но пришлось тоже искать много всяких пробелов и опечаток. Жду момента, когда соображалка сама начнёт работать, как у истинного прогера
@maxim.saharov
@maxim.saharov 2 жыл бұрын
@sheshko_pavel
@sheshko_pavel 2 жыл бұрын
Ух, переписал ProfileContainer в функциональную компоненту и заменил componentDidMount и didUpdate на хук useEffect 🥳
@Альбина-ш7и6с
@Альбина-ш7и6с 2 жыл бұрын
Можно Ваш код?
@sheshko_pavel
@sheshko_pavel 2 жыл бұрын
@@Альбина-ш7и6с привет! Скорей всего он тебе мало что скажет. Я уже сам переписал большинство компонент, используя хуки const Profile = (props) => { const profile = useSelector(state => state.profilePage.profile) const status = useSelector(state => state.profilePage.status) const dispatch = useDispatch() const getUserProfileF = (user) => {dispatch(getUserProfile(user))} const getStatusF = (user) => {dispatch(getStatus(user))} const updateStatusF = (status) => {dispatch(updateStatus(status))} const savePhotoF = (file) => {dispatch(savePhoto(file))} // Check is any user id in URL. If not, push my profile let { userId } = useParams() useEffect(() => { let user = !!userId ? userId : 22856; getUserProfileF(user); getStatusF(user); }, [userId]); return ( ); }; export default Profile;
@milter2539
@milter2539 4 жыл бұрын
Урок 96. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
@oksanamishota6514
@oksanamishota6514 3 жыл бұрын
Спасибо за респект для девчат)))) Каждое видео хоть раз рассмеюсь от твоих высказываний!!!
@maxkai5565
@maxkai5565 3 жыл бұрын
То чувство когда нашел и исправил ошибку раньше Димыча)) но всё равно это заслуга Димыча потому что он привил этот скилл. Спасибо!)
@РусланЮсуфов-ф3ш
@РусланЮсуфов-ф3ш 4 жыл бұрын
ReactJS загрузка изображения, shouldComponentUpdate fix Когда ещё начинал учить JS в каких-то видеоуроках говорилось, что оставлять комментарии в коде это признак хорошего тона у программистов. В принципе, так оно и есть, потому что иногда даже хорошо написанный чужой код бывает читать и понимать очень сложно
@ВикторКулагин-ь2у
@ВикторКулагин-ь2у 4 жыл бұрын
В этом ролике много чего прояснилось. В том числе ещё больше дошло на сколько thunk удобен)
@dmitriy3325
@dmitriy3325 Жыл бұрын
Решил проверить сколько же человек дошли до 96 ролика, спарсил всех пользователей, их количество на 10.11.2022 составляет 21664 зарегистрированных, из них сделал фильтрацию сколько из них имеют фотку photos: {small, large}, в итоге получилось 5390, ну грубо говоря 25% от общего количества, можно еще сравнить с просмотрами, но думаю это будет не корректно так как многие пересматривали одно и тоже видео по несколько раз, так что как то так)
@Aleks-lk1et
@Aleks-lk1et Жыл бұрын
Скоро и я +1
@MikhailKuklenkov
@MikhailKuklenkov 3 ай бұрын
Привет. Будь добр дай ссылку на свой git. Я поймал ошибку и затупил, не могу понять в чем дело.
@grigoralex406
@grigoralex406 2 жыл бұрын
В конце от души посмеялся))
@nikitaznak1582
@nikitaznak1582 Жыл бұрын
Если сервак не принимает ваш аватар (09.01.2023), уберите из апишки хедерсы {headers: {'Content-type': 'multipart/form-data'}} В конечном итоге будет выглядеть так: savePhoto(file) { const formData = new FormData(); formData.append("image", file) return instance .put(`profile/photo/`, formData); }
@MikhailKuklenkov
@MikhailKuklenkov 3 ай бұрын
Привет. Будь добр дай ссылку на свой git. Я поймал ошибку и затупил, не могу понять в чем дело.
@fargutvest
@fargutvest 4 жыл бұрын
библиотека classnames двойное отриццание isOwner = (!!userId) { var file = e.target.files[0]; }} /> - реализация openFileDialog для отправки фотки на сервер использовали обьект FormData, headers: { 'Content-Type' : 'multipart/form-data' } Круто Спасибо! React Redux
@marina-ej4qd9kc1wh
@marina-ej4qd9kc1wh 8 ай бұрын
Cпасибо! загрузка изображения, componentComponentUpdate
@MikhailKuklenkov
@MikhailKuklenkov 4 ай бұрын
Привет. Будь добр дай ссылку на свой git. Я поймал ошибку и затупил, не могу понять в чем дело.
@АлексГ-п3ж
@АлексГ-п3ж 4 жыл бұрын
Спасибо!!! P.S. Список ключевых слов: React, Redux, лучшие супер курсы, бесплатно, загрузка изображения на сервер
@Vnikny
@Vnikny 4 жыл бұрын
А я баг через Хук убрал. Делал ProfileContainer функциональной компонентой с хуком UseEffect вместо DidMount и в зависимости UseEffect занес userID. Все работает.
@sitenno7331
@sitenno7331 3 жыл бұрын
React JS #multipart/form-data ありがとうございました。
@nafisavalieva2435
@nafisavalieva2435 3 жыл бұрын
Девчата херачят дальше и больше:))
@SunlighT_90
@SunlighT_90 3 жыл бұрын
Интересно, ты имела ввиду какие-то физиологические особенности?)))
@vladimirww5152
@vladimirww5152 3 жыл бұрын
Круто, ещё больше теперь знаем!)
@ruslanla4654
@ruslanla4654 3 жыл бұрын
Димыч, как всегда крутой урок - спасибо
@grigoralex406
@grigoralex406 2 жыл бұрын
Крутой видеоурок! Лайк и респект от меня.)) Кнопкочку я сделаю.))
@dxnght
@dxnght 3 жыл бұрын
Когда в чатике пять раз в неделю пишешь людям response.data.data.items ;) Но Димыч безусловно красава!
@ITKAMASUTRA
@ITKAMASUTRA 3 жыл бұрын
:)))) Спасибо, Игорь, что помогаешь другим ✊🤝
@Al4ii
@Al4ii 3 жыл бұрын
Увидел Димыча - поставил лайк!!
@mykhailostepanishchev6472
@mykhailostepanishchev6472 4 жыл бұрын
Оч крутой выпуск ! Большое спасибо !
@ole_oli
@ole_oli 3 жыл бұрын
Спасибо Димычь. Продолжаем бомбить! Добавили изображения. React Redux, shouldComponentUpdat
@Drezerak
@Drezerak 2 жыл бұрын
Эх скоро уже победа, сотый видеоурок по реакту. Всем Удачи и Деньжат в придачу!
@alira2924
@alira2924 4 жыл бұрын
крутой курс! Спасибо!!!
@arcticmonkey077
@arcticmonkey077 5 жыл бұрын
Димыч Спасибо! за твои труды!! input type file оборачивается label и label стилизуется, а input прячется =)
@alexanonymous5823
@alexanonymous5823 3 жыл бұрын
реакт загрузка изображения просто=)) спасибо=))
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 3 жыл бұрын
Немного помучался с серверной частью. Ее я тоже пишу сам, чтобы набираться опыта. Выбесило, что я не нашел варианта как в PHP считать formData, посылаемую через PUT запрос -> у меня работает только с POST. В целом норм вроде (для новичков). Жаль, что не делали отслеживание статуса загрузки (бегущие % какие-нить) - я в своей версии просто крутилку повесил на момент обработки. Так же, конечно же, если пользователь поставит грузиться новую аватарку и при этом сервер все проделает не мгновенно, а с задержкой, то уйдя на чужой аккаунт - по окончании загрузки своей аватарки - пользователь увидит, как на чужом аккаунте сменится аватарка на ту, которую он загружал для себя ... что может его очень запутать )))
@itweb7157
@itweb7157 3 жыл бұрын
пробовал сам сделать upload фотки еще хз когда, но не вышло... сейчас понял, в чем была проблема =) а по поводу shouldComponentUpdate - мы же переделали все компоненты в функциональные и юзаем #useEffect так что я решил вопрос простым добавлением props.match.params.userID в зависимости Спасибо за видео! #ReactJS #загрузкаизображения, #shouldComponentUpdate fix
@leonidpozamantir5213
@leonidpozamantir5213 4 жыл бұрын
Димыч дает пуську, и ровно в этот момент наступает полночь:)
@vegeman8954
@vegeman8954 4 жыл бұрын
4 урока осталось в первом сезоне)))) Но уже раельно интересно)
@semial
@semial 4 жыл бұрын
Спасибо за урок!
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 3 жыл бұрын
Конечно же еще бы хотелось сделать выбиралку области вырезания аватарки. Чтобы она вырезалась, а при клике на саму аватраку - открывалась бы ее полная версия и т.д. Ну понятно, что это долго и нудно и сильно отвлечет от изучения реаакта, потому что там будет больше расчетов координат и прочей хрени (особенно мне нравится момент, когда ты адаптируешь под телефон и у тебя туда не влазеет в экран полная версия картинки из который пользователь выделяет область для аватарки - и тебе приходится пропорционально ее ужимать под экран, а потом на сервере конвертировать координаты области выделения обратно под полный размер картинки с учетом коэффициента сжатия на стороне клиента). Надеюсь не слишком путано объясняю)) P.S. А...плагины какие-то? Капец, а я это все руками всю жизнь пишу на native JS :(
@vladim1
@vladim1 4 жыл бұрын
ReactJS, shouldComponentUpdate, image uploading Cпа-си-бо!!
@operator344
@operator344 Жыл бұрын
круто, летим дальше
@bugaga8144
@bugaga8144 2 жыл бұрын
Моя лень немного подрасстроилась, из-за того что после этого курса у меня еще будет много работы по приведению соц сети в порядок. К примеру нужно будет добавить возможность добавления фото при логанизации для новых пользователей, заполнение информации о себе, возможность создавать свои посты, да и косметически нужно все сделать красиво, без сине-желто-зеленых квадратов.
97 - ReactJS - обновление профиля
1:23:22
IT-KAMASUTRA
Рет қаралды 55 М.
React.lazy и React.Suspense, зачем? #94 - ReactJS
32:42
IT-KAMASUTRA
Рет қаралды 39 М.
когда не обедаешь в школе // EVA mash
00:57
EVA mash
Рет қаралды 2,5 МЛН
Остановили аттракцион из-за дочки!
00:42
Victoria Portfolio
Рет қаралды 3,6 МЛН
GIANT Gummy Worm Pt.6 #shorts
00:46
Mr DegrEE
Рет қаралды 83 МЛН
58 - React JS - mapDispatchToProps лайф-хак
18:23
IT-KAMASUTRA
Рет қаралды 48 М.
Основы и секреты Rest API
5:13
Хочу вАйти
Рет қаралды 4,5 М.
87 - shouldComponentUpdate, PureComponent, memo - React JS
31:58
IT-KAMASUTRA
Рет қаралды 38 М.
80 - React JS - инициализация приложения
41:35
Прогрессивные изображения
12:36
Михаил Непомнящий
Рет қаралды 7 М.
Загрузка файлов с фронтенда
18:49
Михаил Непомнящий
Рет қаралды 52 М.
100 - Теория ReactJS + Redux за 90 минут
1:26:35
IT-KAMASUTRA
Рет қаралды 176 М.
60 - React JS - withRouter, props.match.params
30:24
IT-KAMASUTRA
Рет қаралды 79 М.