Тёмный

Websockets React & Node js ПОЛНЫЙ КУРС PAINT ONLINE & Canvas 

Ulbi TV
Подписаться 305 тыс.
Просмотров 90 тыс.
50% 1

В этом курсе мы разработаем полноценное, очень объемное fullstack приложение на react и nodejs. Поработаем с canvas и websocket. Видео получилось очень насыщенное, рекомендую к просмотру!
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Макет в figma -
www.figma.com/file/IVdZUaNbYt...
Исходный код урока -
github.com/utimur/Fullstack-w...
Таймкоды:
00:00 - План на урок
01:13 - Cтруктура приложения
10:50 - Учимся рисовать кистью и фигуры на канвасе
24:30 - Настройка инструментов: цвет, толщина линии
29:15 - Отмена(undo) и возврат(redo) последнего действия
33:50 - Серверная часть приложения
36:00 - Начало работы с веб сокетами
43:00 - Создание уникальных ссылок для сессии на клиенте
45:00 - Подключение к сессии по веб сокету с клиента
51:15 - Логика совместного рисования на одном холсте
64:10 - Синхронизация рисунков по http
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

Наука

Опубликовано:

 

31 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 257   
@user-ds3eb7pl4r
@user-ds3eb7pl4r Год назад
Очень полезное видео, такого рода информации крайне мало, обычно льют много воды, а тут всё плотно и по делу!
@anatoliyname4192
@anatoliyname4192 3 года назад
Тимур, спасибо тебе за труды! Очень крутые уроки!
@sergeybure8795
@sergeybure8795 Год назад
Тимур, класс, спасибо!!! Заметки для тех, кто набирает код по видео: 25:03 В файле tool.js в set strokeColor(color) вместо:this.ctx.strokeColor = color используйте: this.ctx.strokeStyle = color В исходниках Тимура этот код исправлен. 43:21 Создание ссылок Switch, Redirect упразднены в react-router-dom Надо использовать: Routes вместо Switch, Navigate вместо Redirect Поэтому блок Switch переписывается так: 1:10:55 В Canvas.jsx в useEffect(() => { добавьте перед axios.get: canvasState.setCanvas(canvasRef.current) уберите this. перед: ctx.clearRect( и ctx.drawImage( В исходниках Тимура этот код исправлен.
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@sergeybure8795
@sergeybure8795 Год назад
@@theway_up Привет! Такая ошибка может появляться когда: 1) JS с getContext('2d') загружается до того, как загружена страница и сформирован DOM или 2) элемент, у которого вызывается getContext('2d') не существует. Т.к. ошибка появляется при изменении инструмента, то остается 2) или опечатка в коде. Самое простое: У тебя браузер ругается на 4 строку в Tool.js, которая должна записываться так: this.ctx = canvas.getContext('2d') Возможно, пропущены кавычки или указано значение отличное от 2d. Если с этим все ОК, тогда (если делаешь по видео) отматываешь видео назад и сравниваешь свой код с кодом Тимура.
@LittleDragonborn
@LittleDragonborn Год назад
Автор, спасибо тебе большое за твой титанический труд. Сделала для мамы конструктор грядок на реакт - там можно рисовать прямоугольнички, подписывать их, перемещать по полю и сохранять, что получилось. Без библиотек не обошлось, но благодаря тебе удалось заставить всё это работать и вообще понять, что происходит.
@user-hb8cq8hf1o
@user-hb8cq8hf1o Год назад
Это очень стоящее видео. Узнал огромное количество полезной информации. Еще раз СПАСИБО!!!
@feliche-demiannetliukh3703
@feliche-demiannetliukh3703 29 дней назад
Афигеть, только начал учить pubsub, и здесь ты уже видео имеешь по Websocket-ам) Как всегда 🔥
@jsmonstr9638
@jsmonstr9638 3 года назад
Бомбический урок, столько информации за час, продолжай!
@UlbiTV
@UlbiTV 3 года назад
Спасибо дружище, старался)
@Yuriy2311
@Yuriy2311 2 года назад
Спасибо! Очень много информации, хорошая подача, много узнал интересного про ООП, сокеты, канвас и другое
@user-bu3hz5be5w
@user-bu3hz5be5w 3 года назад
Шикарный курс. 11/10
@AndriiMoshenskyi
@AndriiMoshenskyi 3 года назад
Первый раз вижу видео без единого дизлайка. И не удивительно - за 1 час просто огромный обьем полезной информации. Очень круто и однозначно лайк и подписка, спасибо!
@devorer77
@devorer77 3 года назад
Спасибо за твой титанический труд! Отличное видео.
@UlbiTV
@UlbiTV 3 года назад
Спасибо Артем, ценю поддержку!)
@Sergey-lg1ke
@Sergey-lg1ke 2 года назад
Тимур, дай Бог тебе здоровья. Оставляю коммент даже не видя еще самого урока. В качестве не сомваюсь. Надеюсь попозже и до него руки дойдут.
@kirillshapovalov495
@kirillshapovalov495 3 года назад
В одном часовом видео и научился и работе с графикой, и веб сокетам, и mobx. Да еще и все это на живом примере. Все ясно, понятно и без воды. Огромное спасибо за труды! Успехов тебе!
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг!) И тебе успехов!)
@egorpobylets6597
@egorpobylets6597 Год назад
Тимур, спасибо огромное!!!! Отличное видео по websockets, canvas, nodejs, react, mobx
@namesurname-ss8vx
@namesurname-ss8vx Год назад
Огонь ! Спасибо, очень круто! Повторил, допилю дизайн и синхронизацию обязательно, очень понравилось, осознал canvas и веб Websocket. С каждым твоим уроком становлюсь увереннее, твердое ощущенияе, укрепления знаний в прогромированнии. Еще раз огромное спасибо за твои труды!
@serpens3118
@serpens3118 5 месяцев назад
Допилил?
@Jane-ge7ho
@Jane-ge7ho 3 года назад
Спасибо, как всегда на высоте. 👌👍👍👍
@UlbiTV
@UlbiTV 3 года назад
Благодарю!
@melloone8862
@melloone8862 3 года назад
Мужик! Это просто взрыв мозга, супер годнота! Спасибо!
@UlbiTV
@UlbiTV 3 года назад
Круто!) спасибо большое за обратную связь! С наступающим!
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@ovircorp
@ovircorp 3 года назад
Очень качественный контент. Недавно начал знакомиться с js, до этого работал на c#. И твои уроки заходят очень хорошо. Я бы даже сказал, что твоя подача материала топ!)
@UlbiTV
@UlbiTV 3 года назад
Стараюсь друг, рад, что нравится!)
@vitalikpecheritsa5004
@vitalikpecheritsa5004 3 года назад
Топчик ))))) Оч полезныйе видос, продолжай в том же духе )))))
@evgeniiAn
@evgeniiAn 3 года назад
зашел - лайк поставил авансом, даже не сомневаюсь, что оправдано)
@Sergei546
@Sergei546 4 месяца назад
просто супер улет контента такого в ру точно нет вы мой герой спасибо вам
@irakiselyova4446
@irakiselyova4446 2 года назад
Класс, повторила и попробую довести до красоты. Спасибо!!
@vladsamsonov9752
@vladsamsonov9752 3 года назад
Тимур, спасибо за такой редкий, бесплатный, качественный контент💪🏻
@UlbiTV
@UlbiTV 3 года назад
Спасибо дружище, рад, что нравится)
@js3461
@js3461 3 года назад
Спасибо!! Хорошая идея, отличный вариант для практики
@UlbiTV
@UlbiTV 3 года назад
Спасибо!) практикуйтесь!)
@user-ey4ym6ep4p
@user-ey4ym6ep4p Год назад
Наглядное пособие по ООП. Оч. крутой видос!
@GagikHarutyunyan_dev
@GagikHarutyunyan_dev 3 года назад
офигенный контент
@Stringssweet
@Stringssweet 2 года назад
Спасибо! Супер информативній урок)
@eunicsi
@eunicsi 2 года назад
Всё получилось, не со всем до конца еще разобрался, буду разбираться, спасибо!
@user-cd1sr5sx2r
@user-cd1sr5sx2r 3 года назад
Спасибо за контент! Завтра будет повод открыть редактор кода!
@UlbiTV
@UlbiTV 3 года назад
Спасибо за отзыв!) Да да, попрактиковать стоит!
@igorfrecautan2288
@igorfrecautan2288 3 года назад
Видео крутое 👍 Будем ждать Фотошоп на React )))
@UlbiTV
@UlbiTV 3 года назад
Ахах) Спасибо друг, когда нибудь дойдем и до фотошопа
@alexandrshapenkov8693
@alexandrshapenkov8693 3 года назад
Очень здорово
@neduj376
@neduj376 23 дня назад
7:39 ранку. Годинне відео я почав дивитись в 9 вечора. Було цікаво. Дякую
@dmitrym2314
@dmitrym2314 3 года назад
Супер контент!
@UlbiTV
@UlbiTV 3 года назад
Спасибо дружище!)
@StewieRus
@StewieRus 3 года назад
На реакте не пишу, но было интересно спасибо за контент)) очень информативно
@vedimka4883
@vedimka4883 Год назад
Сок мозга, оч познавательно, просто супер!
@iNikelas
@iNikelas 2 года назад
Круто, спасибо большое!
@Mr.Bellamy
@Mr.Bellamy 2 года назад
Оч круто. И довольно сложно. Общий смысл понятен, а детали буду разбирать неделю)
@sagiden1343
@sagiden1343 2 года назад
уааааау, мега проект. Лайк и коммент
@arlenm1472
@arlenm1472 3 года назад
Огонь! как ты всего за час такой проект замутил, у меня целый день ушел на усвоение. Спасибо за урок
@quietsonya
@quietsonya 2 года назад
На то, чтобы снять хороший ролик длительностью в 1 час он тратит гораздо больше чем 1 день. Да даже без съёмки видео, а просто разработка онлайн пэинта без предварительной подготовки тоже займёт достаточно времени - надо читать документацию канваса, гуглить какието решения проблем, тратить много времени на фикс багов и на банальное обдумывание. В видео всё это пропущено/сжато, это подразумевает что будет уходить много времени на усвоение, на пересмотр каких-то неочевидных моментов, на переписывание кода и т. д.
@starunski_
@starunski_ 3 года назад
фантастика ! молодец
@DrGurgen
@DrGurgen 3 года назад
У тебя просто сумасшедший темп по выпусканию годного контента Тимур. Надеюсь ты участвуешь в каком нибудь чемпионате и выиграешь)))
@ipa_stor
@ipa_stor 3 года назад
Надеюсь выиграет как минимум кучу подписчиков? :))
@UlbiTV
@UlbiTV 3 года назад
Спасибо Гурген!) Ахах, да уж, чемпионат с одним участником)
@UlbiTV
@UlbiTV 3 года назад
Уже выиграл крутых подписчиков, как вы
@shyma_grasious
@shyma_grasious 3 года назад
@@UlbiTV продолжай)
@user-py7nm1mu2b
@user-py7nm1mu2b 3 года назад
Бомба)
@user-vg2fp8oi6x
@user-vg2fp8oi6x 3 года назад
Мужик, спасибо тебе, теперь я понял как работать с websocket
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@user-yc3jr7kw3f
@user-yc3jr7kw3f 2 года назад
Ролик бомба, моё уважение. Спасибо за твой труд
@alexanderbarinov9324
@alexanderbarinov9324 5 месяцев назад
Отличный контент, даже с таким звуком)))
@user-yn5sq1fd5e
@user-yn5sq1fd5e 3 года назад
Добавил в плейлист, обязательно посмотрю)
@UlbiTV
@UlbiTV 3 года назад
Приятного просмотра =)
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@hutoryanin
@hutoryanin 3 года назад
Благодарю
@dimok3687
@dimok3687 3 года назад
Все видео крутые👍 Удивлен, что так мало подписчиков. Будем исправлять =)
@UlbiTV
@UlbiTV 3 года назад
спасибо!) Стараюсь! Лайки + комменты от вас, и подписчики будут расти
@yuriypimenov1991
@yuriypimenov1991 2 года назад
Класс!!!
@dev_insider
@dev_insider 3 года назад
Годнота подехала 🔥 Сразу лайк авансом
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг!) Получилось все?
@dev_insider
@dev_insider 3 года назад
@@UlbiTV на выходных сделаю и скину результат
@dev_insider
@dev_insider 3 года назад
@@UlbiTV пока вот что у меня получается paint-online.netlify.app/
@UlbiTV
@UlbiTV 3 года назад
@@dev_insider круто, круто, жду финалочку!)
@alexeyfyodorov8736
@alexeyfyodorov8736 3 года назад
Воу воу! Полегче, парень!
@UlbiTV
@UlbiTV 3 года назад
Ахахах) Полегче мы не умеем
@maxim7603
@maxim7603 3 года назад
Спасибо, очень годно
@UlbiTV
@UlbiTV 3 года назад
Cпасибо большое!)
@TheEagleDesert
@TheEagleDesert 2 года назад
Спасибо все круто!
@srt2046
@srt2046 3 года назад
Посмотрю для ознакомления обязательно ! Лайк и коммент!))
@UlbiTV
@UlbiTV 3 года назад
За час слишком много инфы полезной)) обязательно!
@srt2046
@srt2046 3 года назад
@@UlbiTV да я просто офигел после просмотра)) ты крут в кубе!
@UlbiTV
@UlbiTV 3 года назад
@@srt2046 ахахахх, спасибо дружище!))
@xostron4337
@xostron4337 Год назад
Спасибо большое!
@ipa_stor
@ipa_stor 3 года назад
Лайк стоит, теперь посмотрим:))))
@UlbiTV
@UlbiTV 3 года назад
Спааасибо!
@user-zr2qb1kz7j
@user-zr2qb1kz7j 3 года назад
Красава!
@adeptusCustodius
@adeptusCustodius 2 года назад
Мощааа!!!
@hutoryanin
@hutoryanin 3 года назад
Ещё один крутой видос. *Л. а. й. к.*
@UlbiTV
@UlbiTV 3 года назад
Ты решил все видео за несколько дней посмотреть?)))
@hutoryanin
@hutoryanin 3 года назад
@@UlbiTV да, я ещё и пересматриваю и повторяю за тобой. Подскажи как touchmove, touchstart и touchend обработать, события тачскрина срабатывают, а рисовать canvas не желает :(
@alexanderlukas6954
@alexanderlukas6954 3 года назад
Смотрю 5 сек, сразу лайк
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг!)
@falsetrue7910
@falsetrue7910 3 года назад
Как обычно круто, на х2 посмотрел, темп бешенный просто, топ
@UlbiTV
@UlbiTV 3 года назад
Спасибо бро, да темп реально дикий получился 😂
@vana__f7570
@vana__f7570 2 года назад
Так быстро??? Я на нормальном еле понимаю
@falsetrue7910
@falsetrue7910 2 года назад
@@vana__f7570 дело привычки
@BazliMax
@BazliMax Год назад
Спасибо за видео
@Max-kr4ie
@Max-kr4ie 3 года назад
Наконец досмотрел и доделал приложение до твоего состояния. Хорошая работа. Работал с канвасом и вэбсокетами но и то и то вместе еще не делал. А вот помню когда я решил ознакомиться с вэбсокетами на примере мультиплеерного тетриса, после всего 3х месяцев изучения вэба с нуля. Это было больно. но интересно.
@UlbiTV
@UlbiTV 3 года назад
Круто, красавчик)) Думаю мало кто стал повторять)
@Max-kr4ie
@Max-kr4ie 3 года назад
@@UlbiTV скоро ждать новый ролик?
@UlbiTV
@UlbiTV 3 года назад
@@Max-kr4ie Крайний срок - следующие выходные, планировал на этих, но работы много навалилось
@efronyv.1452
@efronyv.1452 Год назад
Видос бомба
@user-zn5ky3fw5h
@user-zn5ky3fw5h 2 года назад
Отличное видео!) Спасибо за контент, удачи и успехов в развитии)
@UlbiTV
@UlbiTV 2 года назад
Спасибо! И вам удачи и успехов!
@user-go3jw3ib2d
@user-go3jw3ib2d 2 года назад
Автор, пожалуйста, не бросай нас, ты же сам знаешь как сложно войти в IT - просьба не закрывать контент под оплату, а иначе мы очень многое потеряем. Огроменное тебе спасибо за твои труды, они бесценны! :)
@27sosite73
@27sosite73 Год назад
Микола, ну трошки заплатиш на udemy на udemy за 7 - 8$ модна придбати граний курс. Знайдеться 10$ ?
@user-go3jw3ib2d
@user-go3jw3ib2d Год назад
@@27sosite73 придбав там не один курс і набагато менше дізнався, аніж в Ulbi по безкоштовних відео
@27sosite73
@27sosite73 Год назад
хух ці відео маюуть невелику цінність ці відео добре дивитися коли вже це все знаєш...
@Repeatallright
@Repeatallright Год назад
@@27sosite73 как раз таки такие видео имеют большую ценность для новичков. тут теоря и сразу практика большого материала и все в 1м видео, а если знаешь, зачем смотреть
@27sosite73
@27sosite73 Год назад
@@Repeatallright no, mate unfortunately, not =( NodeJS Tutorial and Projects Course by John Smilga on udemy or smth similar 9$ and you get 35 hours of theory + practice it is just imposible to explain decenly dicent amount of information in 3 hours video in such a way to teach novice properly for this reason the best way to use this channel as 2nd or 3d source of information. when you want to find this topic covered by other author. to get some new information that never heard before.
@epic3386
@epic3386 3 года назад
Привет, отличные видео 👍 подумай пожалуйста насчёт нейросетей очень нужная тема, думаю очень многим зайдёт
@suslikest3708
@suslikest3708 2 года назад
Очень крутой урок вышел.
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@nashuarash
@nashuarash 3 года назад
Ооо, сложно... Берусь! =) хотел вебсокеты подтянуть, а тут mobx бонусом ) Спасибо, Тимур )
@UlbiTV
@UlbiTV 3 года назад
Как посмотришь, расскажи о впечатлениях)
@nashuarash
@nashuarash 3 года назад
@@UlbiTV хорошо, я отпишусь как сделаю его. Сейчас завал на работе. Уже просмотрел. Сложно, но хочется сделать. Может ещё по аналогии типа Гугл докс замутить? Или даже песочницу для кодинга? Или хотя бы в этот пейт онлайн текстовое поле добавить несколько сложно? Гуглить буду когда попытаюсь реализовать, но вряд-ли смогу запилить, посмотрим )
@vadim_romanov
@vadim_romanov 29 дней назад
лучший
@arkadii4052
@arkadii4052 3 года назад
Спасибо за видео, но остался вопрос, не лучше ли использовать writeFile вместо writeFileSync? Я как бы не бэкендер, но слышал когда-то про блокировку потока.
@robotavatar3643
@robotavatar3643 2 года назад
Лайк + коммент. Вопрос: будет ли чат с комнатами и postgres?
@aleksandrmatyka3118
@aleksandrmatyka3118 3 года назад
Отличное видео! Было бы интересно еще увидеть реализацию компонента slider, гибко настраеваемого в плейлисте с компонентами)
@UlbiTV
@UlbiTV 3 года назад
Спасибо!) запишу себе в todo!)
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@user-cd1sr5sx2r
@user-cd1sr5sx2r 3 года назад
Еще раз спасибо за урок. по возможности сделай еще урок по развертывании это приложения на хостинг, если есть вариант, например и на бесплатный.
@UlbiTV
@UlbiTV 3 года назад
Есть несколько видосов по развертыванию на канале, глянь, там принцип такой же!)
@alexbigar9769
@alexbigar9769 2 года назад
🔥🔥🔥
@user-qi9ts9xd6f
@user-qi9ts9xd6f 2 года назад
В хорошом смысле этого слова
@devorer77
@devorer77 3 года назад
Друже, дошли руки посмотретьт курс. Агонь! Спасибо большое. Есть небольшое пожелание по подаче материала. После того как ты обьяснил какой-то логически целостный блок и закодил его, сделай паузу на пару секнуд и в кодировании и в речи. В этот момент будет удобно поставить видео на паузу и повторить твои действия. Мелочь, а работать с курсами станет еще приятнее.
@UlbiTV
@UlbiTV 3 года назад
Спасибо) Да, согласен, моментами я оч тороплюсь)
@theway_up
@theway_up Год назад
Привет, я когда нажимаю поменять инструмент, у меня в консоли вот такая хрень: Tools.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getContext') at new Tool (Tools.js:4:1) at new Rect (Rect.js:5:1) at onClick (Toolbar.jsx:12:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) Как это исправить??
@vitaliyk958
@vitaliyk958 2 года назад
Очень круто! Хорошо бы еще рассмотреть подключение вебсокетов через https на удаленном сервере.
@user-pc5td9nb4u
@user-pc5td9nb4u 2 года назад
wss? Есть же такой же вебсокет протокол, только защищенный, я не совсем понимаю что ты имел ввиду под подключением вебсокетов через хттпс, можешь скинуть статью какую-то если есть?
@anton-r
@anton-r 8 месяцев назад
super super tnx
@Max-kr4ie
@Max-kr4ie 3 года назад
О канвас на реакте я еще не использовал, пополним знания.
@UlbiTV
@UlbiTV 3 года назад
Пополнил?))
@Max-kr4ie
@Max-kr4ie 3 года назад
@@UlbiTV ты сказал что используют мобХ и я решил посмотреть твой курс по этой технологии. вот смотрю пока
@ifreekazoid
@ifreekazoid 2 года назад
Класс
@sergeynovikov7049
@sergeynovikov7049 2 года назад
Люди совсем обленились, 12 тысяч просмотров и 896 лайков вместе с моим. Жлобы. Автору не респект, а респектище!)
@vitalyn5402
@vitalyn5402 2 года назад
Спасибо за интересный проект! Тимур, подскажи пожалуйста, стоит ли в реальном приложении размещать создание и подключение веб сокетов в useEffect, есть ли смысл переносить это в хранилище или в отдельный слой?
@samvelgrigoryan4351
@samvelgrigoryan4351 4 месяца назад
Когда решаю изучить что-то новое первое что я делаю смотрю есть ли у тебя ролик по теме😂 спасибо
@OnTheWayToTheDirection
@OnTheWayToTheDirection 2 года назад
На 12ой минуте, при оборачивании canvas в observer выводит лишь белый экран. Помогите
@user-es3dr1en2q
@user-es3dr1en2q 3 года назад
За место mobx могу же использовать context api?
@konstantinbondarenko5235
@konstantinbondarenko5235 3 года назад
лайк, подписка, колокольчик.
@UlbiTV
@UlbiTV 3 года назад
еее) спасибо друг!)
@user-zp9iq1po5o
@user-zp9iq1po5o Год назад
Ради интереса, можно повторить проект на RTK - наглядно можно будет увидеть разницу с mobx
@favelaguru
@favelaguru Год назад
круто
@user-nl1qk9rm5e
@user-nl1qk9rm5e 3 года назад
тооооооп
@UlbiTV
@UlbiTV 3 года назад
Благодарю!)
@jamjam3337
@jamjam3337 Год назад
👏👍
@AlexanderSavchenko91
@AlexanderSavchenko91 2 года назад
ебаааау. это супер офигенно. спс )
@lootally
@lootally Год назад
Фууух, было тяжело, но я справился, спасибо тебе большое, еще такой вопрос, можно этот проект к себе в портфолио закинуть?
@Almas-2002
@Almas-2002 3 года назад
думал это так трудно ,оказывается не так уж трудно
@UlbiTV
@UlbiTV 3 года назад
Да всё оно не трудно, если так посмотреть)
@user-iw5pq9lt4f
@user-iw5pq9lt4f 3 года назад
Если просто посмотреть😅 а вот сделать...
@light-bringer
@light-bringer 2 года назад
Я обратил внимание, что когда оборачиваю компонент в observer, то он рендерится 2 раза. Гугл говорит, что это происходит из за StrictMode, но убирать его не стоит. В видео же повторного рендера не происходит, интересно каким способом это достигнуто?)
@LK-pl7tc
@LK-pl7tc 2 года назад
а если этот проект запустить на сервер тогда будет ли работать на харошем сервера как полноценная веб приложение?
@user-ig4lq2ts8b
@user-ig4lq2ts8b 3 года назад
как на redux+ts закинуть в стор canvas?
@alexvolkov6269
@alexvolkov6269 Год назад
получается класс Brush не только инкапсулирует в себе canvas, так и ещё с сокетами работает?
@andreytelnov6703
@andreytelnov6703 2 месяца назад
День доюрый, а можете создать с видео по созданию видио и текстового чата в одном? Я этим вопросом занился, но очень много вопросов...
@machete6045
@machete6045 3 года назад
а разбивка scss на модули так и не было(
Далее
▼КОРОЛЬ СОЖРАЛ ВСЕХ 👑🍗
29:48
Просмотров 456 тыс.
Good deed #standoff #meme
00:15
Просмотров 651 тыс.
How to use WebSockets with React and Node
1:11:51
Просмотров 23 тыс.
HTML5 Canvas CRASH COURSE for Beginners
51:26
Просмотров 214 тыс.
Mobx & React Полный курс  2021
11:50
Просмотров 93 тыс.
ЗАБЫТЫЙ IPHONE 😳
0:31
Просмотров 20 тыс.