React & Node.js ИНТЕРНЕТ МАГАЗИН С НУЛЯ. PERN stack PostgreSQL + express + React js + node.js
Рет қаралды 945,604
Күн бұрынВ этом курсе мы разработаем полноценный интернет магазин на стеке PERN. Это postgreSQL express React Node.js.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Ссылка на исходный код - github.com/utimur/online-stor...
Ссылка на макет в Figma - www.figma.com/file/nutWUOANZd...
Ссылка на диаграмму базы данных - clck.ru/T3MHn
Таймкоды:
00:00 - Введение, теория, план на урок
04:20 - [BACKEND] - Начало
07:56 - [BACKEND] - Подключение к базе данных
11:30 - [BACKEND] - Строим диаграмму базы данных
16:50 - [BACKEND] - Модели данных и связи между ними
25:30 - [BACKEND] - Роутинг и эндпоинты
32:20 - [BACKEND] - Универсальная обработка ошибок. Первый middleware
37:20 - [BACKEND] - CRUD для типов, брэндов, устройств
46:20 - [BACKEND] - Раздача статики
47:10 - [BACKEND] - Получение устройств, фильтрация, пагинация - постраничный вывод
54:20 - [BACKEND] - Регистрация, авторизация, jwt токен, bcrypt
01:04:10 - [BACKEND] - Middleware, проверяющий авторизован ли пользователь
01:07:50 - [BACKEND] - Middleware, проверяющий роль пользователя
01:10:40 - [FRONTEND] - Начало, структура приложения
01:13:30 - [FRONTEND] - Навигация, роутинг, Switch, Route, Redirect, AppRouter
01:20:00 - [FRONTEND] - Mobx, глобальный стейт, UserStore
01:28:40 - [FRONTEND] - Страница регистрации, авторизации
01:33:20 - [FRONTEND] - Главная страница, список товаров, типов, брендов
01:45:20 - [FRONTEND] - Страница просмотра товара и его характеристик
01:51:30 - [FRONTEND] - Страница администратора, модальные окна
02:02:00 - [FRONTEND] - Взаимодействие с сервером. Настраиваем axios
02:24:00 - [FRONTEND] - Добавление устройств и характеристик
02:29:40 - [FRONTEND] - Постраничный вывод\pagination
02:39:40 - ВРЕМЯ СТАВИТЬ ЛАЙКИ
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469
#React #JavaScript #Node
@sireus439 2 жыл бұрын
У кого проблема с клиентской частью, когда не рендерится страница на этапе создания Роута: В новых версиях React Router немного изменилась документация. Switch (в файле по пути components/AppRoutes из урока) заменить на => 'Routes'. Так же 'Components' (в строке Route) заменить на => 'element'. Эта строка должна выглядеть так: "" Так же для "Redirect". Его в новой версии не импортируем. Вместо него использовать просто: "". Может у кого-то возникла такая же проблема и будет полезно.
@mariashkrabo3165 2 жыл бұрын
Спасибо!
@user-nc4vp7xg6g 2 жыл бұрын
Еще и в routes.js нужно добавить < ИмяКомпонента /> для каждого компонента маршрута
@alenaredchuk477 2 жыл бұрын
Спасибо, но у меня строка, там где в старой версии писали "Redirect" работает с таким изменением: import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'; Во вкладке DeviceItem.js в новой версии react-router-dom v6 хук useHistory заменён на useNavigate : import { useNavigate } from "react-router-dom"; const navigate = useNavigate(); onClick={() => navigate(DEVICE_ROUTE + "/" + device.id)}
@elizavetamishunina1264 2 жыл бұрын
Добрый день! подскажите пожалуйста, вы реализовывали корзину?
@nestepashka 2 жыл бұрын
еще добавлю что exact идет по умолчанию и его не нужно писать
@user-ib3cx2rn8q 3 жыл бұрын
Это просто ах****но! Ты реальный красавчик) Спасибо и удачи с каналом! Коммент для продвижения!
@UlbiTV 3 жыл бұрын
И ты красавчик, спасибо за поддержку бро)
@_good_luck 3 жыл бұрын
@@UlbiTV Очень годный урок, да и канал в целом ОЧЕНЬ ГОДНЫЙ, спасибо огромное за труд
@abathojalyk1625 2 жыл бұрын
Polnostyu soglasen.
@alexdirks7287 2 жыл бұрын
@@UlbiTV Бро, подскажи, пожалуйста, пишу всё в точности как у тебя, даже из репы вроде код копировал, но при попытке получить device по getOne методу, запрос зависает и высыпается ошибка: "UnhandledPromiseRejectionWarning: SequelizeDatabaseError: column info.deviceId does not exist" Курс офигенный просто, но с базами и nodejs не работал никогда до этого, так что сижу и никак не могу чё т выкупить, как пофиксить эту ошибку, хелп плиз(
@alhongelios53 2 жыл бұрын
@@alexdirks7287 смотри внимательнее скорее всего не правильно модель данных описал скорее всего связи.
@dakaktakto 5 ай бұрын
Решение некоторых проблем на фронте, возникших при повторении кода в декабре 2023 (01:19:00) не рендерится навигация Route 1. замените в импорте Switch и Redirect на: import { Routes, Route, Navigate } from 'react-router-dom; 2. замените код в теле компоненты на: return ( {isAuth && authRoutes.map(({ path, Component }) => )} {publicRoutes.map(({ path, Component }) => )} ); (01:31:20) В окне авторизации не выстраивается в линию кнопка "войти" и "зарегистрируйся" 1. добавьте import Col from 'react-bootstrap/Col' 2. оберните NavLink и Buttom в теги NavLink и Buttom Это же решение будет применяться дальше при аналогичной потребности d-flex row (1:44:40) Динамический переход по страницам 1. useHistory заменить на useNavigate import { useNavigate } from "react-router-dom" const history = useNavigate() 2. в обработчике событий не вызывать у объекта history функцию push. Сделать так: onClick={() => history(DEVICE_ROUTE + '/' + device.id)}
@evgenya_pan 5 ай бұрын
Спасибо за полезный коммент. Только слово exact в роутах уже вроде не используется и не нужно?
@dakaktakto 5 ай бұрын
@@evgenya_pan да, вы правы, спасибо. Почитал документацию по миграции: " is gone. Instead, routes with descendant routes (defined in other components) use a trailing * in their path to indicate they match deeply". т.е. если нужно сопоставить больше URL из-за наличия дочерних маршрутов, используйте знак * в конце, например,
@ecoaurum 4 ай бұрын
у меня еще выбивает такая ошибка. Никто не встречал? - Cannot set property selectedType of # which has only a getter TypeError: Cannot set property selectedType of # which has only a getter at new DeviceStore (localhost:3000/static/js/bundle.js:1274:23) at ./src/index.js (localhost:3000/static/js/bundle.js:605:15) at options.factory (localhost:3000/static/js/bundle.js:66201:31) at __webpack_require__ (localhost:3000/static/js/bundle.js:65616:33) at localhost:3000/static/js/bundle.js:66778:37 at localhost:3000/static/js/bundle.js:66780:12
@dariasieik4493 2 ай бұрын
Помогите, пожалуйста, если редактор продолжает подчеркивать require в строке const express = require('express'). Что с этим делать?
@user-tz9im7so5w 2 ай бұрын
@@dariasieik4493 Вообще может быть ошибка в самом коде. Не правильные импорты модулей, классов и прочего. Так же можно, например, в php storm в настройках включить галочку в поддержке node js.
@user-oo8dd8nk3p Жыл бұрын
Жесть, меня этот человек научил большему чем горсть "преподавателей" за 4 года учебы в университете. Есть множество людей которые продвигают реформы образования, есть люди и компании которые инвестируют многа деняг в обучение будущих поколений, но мне кажется, что ulbi TV сделал больше всех этих добряков, создав столько простых, понятных и что не маловажно бесплатных уроков. Вот он настоящий МеценаТ!
@UlbiTV Жыл бұрын
Иван, благодарю за такие приятные слова и за столь высокую оценку моего труда:)
@ZooBeeN1 10 күн бұрын
Думаю, без полученной там базы - тут было бы намного сложнее!))) Уважайте труд каждого преподавателя) В жизни так и должно быть - никогда после первичного учебного заведения не бывает хороших спецов - ими они становятся в последствии, когда начинают применять то чему учились. И если продолжают учиться!!!) А автору сего творения - ОГРОМНЕЙШИЙ респект за материал!!! Очень много полезного!
@2difficult2do 2 жыл бұрын
Офигенно круто! Спасибо за такие практически полезные уроки! И отдельная благодарность за таймколы и ссылки на исходники. Реально круто!!! 👏
@UlbiTV 3 жыл бұрын
Таймкоды в описании, приятного просмотра!)
@nouchance 3 жыл бұрын
Привет бро! хотел спросить что посаветуешь для начинающих после html css JS ? тоесть Angular React Vue? какой из них легко для новичков ?
@Mr-ux7er 3 жыл бұрын
@@nouchance Vue для новичков идеален
@UlbiTV 3 жыл бұрын
@@nouchance Привет!) Да, согласен с тем, что вью хорош для новичков, но все же реакт ближе к нативному js, скорее с него посоветовал бы начать) будет сложнее - но потом изучить вью будет проще
@nouchance 3 жыл бұрын
@@UlbiTV спасибо !
@vadymmelnychenko9472 3 жыл бұрын
Прошёлся по всем больным местам! Спасибо! Я сам очень хотел записывать курсы, но получится так что я тебя буду просто копировать!) очень круто!
@tatsianashket Күн бұрын
Ulbi TV, спасибо за классный ролик, все еще актуально! Удачи всем, кто как и я, делал backend по es6 и с typescript)
@user-wd8hm2ro8e 2 жыл бұрын
Очень нравится скорость и емкость подачи информации. Никакой воды, все по существу. Огромное спасибо!
@nick_arseniy 3 жыл бұрын
Огромное спасибо, за то что для новичков создаешь такие курсы. Удачи в развитие канала!
@qwertypoiu1337 3 жыл бұрын
Просто невероятный! У меня нет слов, насколько нравится твой контент - смотрел с открытым ртом на некоторые моменты. Автору низкий поклон и глубочайший респект! С удовольствием смотрю уже третье твое видео длиной 2+ часа, при этом вообще не замечая времени - все на одном дыхании.
@user-oo4ck9qx4o 2 жыл бұрын
Посмотрел уже несколько объемных роликов, из каждого подчерпнул большое количество полезной инфы. Спасибо за отборный контент!
@alisareys3200 2 жыл бұрын
Огромное спасибо. Думаю многим пригодится, кто искал создание интернет магазина в ютуб. Ещё и всё удобно разбито на части и есть исходники в описании. Просто мечта!
@maratfaizer 2 жыл бұрын
Спасибо большое, это ты - герой, что сделал такой урок! И главное, все очень сжато, но где стоит отметить какую-то деталь - ничего не упускаешь Я сам в разработе второй год, но в этом уроке знаний дано больше, чем набрал за все время) Еще раз спасибо! Если бы ты где-то на udemy переделал этот курс: дробить на мелкие уроки плюс исходник в результате каждого урока -- я бы заплатил за это однозначно!
@johnnysel8186 2 жыл бұрын
люблю твои ролики, нет всякой нудятины по пол часа, чистый отфильтрованный контент
@bm-algoritmik Жыл бұрын
Досмотрел до конца, ушло 2 недели )) тратил по 1-3 часа в день) параллельно писал бэк и фронт под свои задачи, почти все работает, где то ошибка с токенами буду смотреть заново, и думаю не один раз. Спасибо большое тебе Тимур! Раньше такой стэк можно было только долгими путями тратя много времени на прочтение талмутов Архангельского (привет паскаль и с++) либо в компании ковыряя чужой код. Это огромная работа и в клад в развитие начинающих юниоров.
@narekmanukyan8692 Жыл бұрын
Привет, а ты рейтинг и корзину сделал? я закончил бек енд но не представляю как корзину и рейтинг сделать
@bm-algoritmik Жыл бұрын
@@narekmanukyan8692 Привет я писал проект под свои задачи (учетная система для расчета заказа клиенту т.е. не интернет магазин) Но думаю просто надо расширить тек функционал например для рейтинга ввести переменную рейтинг которую надо будет пересчитывать при нажатии на рейтинг пользователем далее либо сохранять историю рейтингов либо запоминать вес и делать перерасчет. С корзиной чуть побольше дел я бы сделал отдельную переменную у пользователя текстовую и сохранял json структуру со списком товаров (ид, кол-во цены какие то расчеты). Но это сходу мысли далеко не гуру в этом вопросе
@narekmanukyan8692 Жыл бұрын
@@bm-algoritmik спасибо за ответ и помощь, но я не понял 🤷♂
@Fo-Lem Жыл бұрын
у меня проблема с обработками ошибок, он написал alert, который в принципе не срабатывает как ты организовал обработку ошибок?
@nik_lixach Жыл бұрын
@@narekmanukyan8692 привет, ты делал корзину, а то тоже доделала весь видос и не могу понять.)
@juventus3743 2 жыл бұрын
чтоб ты был здоров) балдею с твоих уроков, подача на высоте, без лишней нудятины)
@eduardkotov4757 2 жыл бұрын
Видео-пособие отличное, впервые за долгое время поиска информации по react'у имеется реальный план по его изучению. Воды нет, только конкретика с пояснением важных моментов. Спасибо Тимуру!
@falsetrue7910 3 жыл бұрын
Хотел вечером фильм какой нибудь посмотреть, но видимо буду смотреть это видео :D уверен хороший курс, после просмотра отпишу еще
@UlbiTV 3 жыл бұрын
ахах =) Обязательно жду фидбек!
@vortexTact1cs 2 жыл бұрын
Ещё не досмотрел ?
@user-zx7uu9yh2j 2 жыл бұрын
@@vortexTact1cs походу
@falsetrue7910 2 жыл бұрын
@@user-zx7uu9yh2j досмотрел давным давно и даже отписывался если не ошибаюсь, возможно под другим роликом
@falsetrue7910 2 жыл бұрын
@@vortexTact1cs читай коммент выше
@ivankomlik3807 2 жыл бұрын
Очень толковый курс. Без лишней воды. Кто не догнал, перемотает и прослушает заново. Значительно лучше, чем многие курсы на Udemy.
@user-nv9oe4of4n 2 жыл бұрын
О, это несомненно самые полезные и информативные видео по фронтенду, которые мне попадались. Большое человеческое спасибо за труд!!!
@ilyacherkasov9251 2 жыл бұрын
Досмотрел до конца! Огонь! Повторил весь код, для бэк конечно понятнее, реакт - пока туго понимаю. В общем на просмотр ролика, углубление в некоторые детали, реализацию у меня ушло 4 дня. Это пока без корзины и рейтинга. Спасибо! Ролик, то что нужно!
@victormog 3 жыл бұрын
*Действительно, чумовой контент!* Предлагаю на его базе сделать продолжение. Например, та же валидация, i18n, другие типы авторизации и т.п.
@fullname9437 Жыл бұрын
Шикарная подача материала. Никаких соплей и воды. Однозначно один из лучших роликов по стеку PERN.
@Lezginsus 2 жыл бұрын
супер туториал! Ты большой молодец! Задаваясь вопросом "стоило ли мне покупать курс Full-stack JS", понял, что всё-таки стоило. Образования много не бывает - главное сидеть и упорно впитывать знания, а потом на практике тренировать. и потом надо в благодарность таким ребятам, как ты, тоже помогать молодняку учиться и становиться лучше.
@oleksiishkulipa1626 2 жыл бұрын
Лучший! Очень приятно слушать голос, и всё по делу. Спасибо огромное за твой труд
@dmytrovoronov9320 3 жыл бұрын
Ого, таких таких уроков на русском, даже на Udemy нет. Спасибо
@UlbiTV 3 жыл бұрын
Надеюсь было полезно!) Спасибо!
@enslit 3 жыл бұрын
@@UlbiTV бро, я думаю, более чем! 👍🏻
@Evgeny.. Жыл бұрын
Да, ролики Тимура в 100 раз превосходят udemy
@user-ke5fn6sm8u Жыл бұрын
@@UlbiTV мега полезно
@user-ke5fn6sm8u Жыл бұрын
Красавчик
@tovarishX Жыл бұрын
Лучшее видео по фронтенд-бэкенд которое я видел. Быстро, четко и ясно без лишней суеты. Спасибо!
@denismyachin9778 2 жыл бұрын
Большое спасибо за подробнейшее объяснение и таймлайны, очень приятно было смотреть и самое главное разбираться и понимать!
@xxxzeranxxx 2 жыл бұрын
Дай Бог тебе здоровья и успеха, человек, за твой труд. Крутое мощное видео! Спасибо!
@user-xj8nv1lr1x 3 жыл бұрын
Супер!!! Спасибо большое за твой труд!!! За 2.5 часа передал суть 2х лет института!) Не останавливайся! Таких курсов в русскоязычном сегменте ютуба нет. Сил и удачи тебе!)
@UlbiTV 3 жыл бұрын
Ахах)) Просто в институтах сейчас обучение такое)) Спасибо друг, успехов!)
@user-xj8nv1lr1x 3 жыл бұрын
@@UlbiTV Было бы круто увидеть деплой проекта. Планируется ли подобный контент? А именно о том как грамотно корректировать общение фронта и бека на деплое. Также думаю очень интересно будет комьюнити автоматизация на проекте. Реализация меню подтверждения заказа(колл-центра) и автоматической отправки его в службу доставки(склад) для дальнейшей обработки. В прошлом году мне приходилось делать подобный проект. От того весьма интересно разобраться в реализации подобного в стеке js)
@Erzhikcoding Жыл бұрын
Институту никогда не достич такого уровня
@craioffear2619 Жыл бұрын
Просто лучший! Такого материала нет даже на платной основе. Спасибо тебе большой, я безумно рад что попал на твой канал и могу становиться лучше по таким видео)
@user-oc8bg3ej8h 2 жыл бұрын
Парень, ты просто монстр концентрировать информацию, буду смотреть ещё раз, и возможно ещё раз. Спасибо за твой труд, желаю успехов в твоих делах!!!
@nelson6783 2 жыл бұрын
Ролик просто АГОНЬ!!! еще не посмотрел, но уже нравится))) продолжай в этом же духе)
@BlindPewRus 2 жыл бұрын
Руководство просто выше всяких похвал. То самое познание через практику. Спасибо огромное. Небольшая ошибка в Client/src/App.js - строка 16 ' user.setUser(true)' заменить на ' user.setUser(data)' - если не ошибаюсь
@user-qy9vq5jo4c 2 жыл бұрын
Посмотрел весь ролик)) Пушка!!!) Очень грамотно и понятно изложил) Большое спасибо! Бомби дальше)) Желаю тебе удачи))
@user-hq7bh7qc9d 2 жыл бұрын
Спасибо большое за такой подробный урок. Долго искала информацию для создания интернет-магазина.. твое видео то что нужно для понимания темы !))
@user-ex1ks2xk5m 3 жыл бұрын
Спасибо. Очень хороший стиль программирования, для обучающего ролика! Успехов вам!
@ClanCRK 3 жыл бұрын
Ну наконец-то, обалденный формат! Быстро, по делу, не разжевывая - то что нужно. А непонятные детали можно и погуглить. Спасибо!
@UlbiTV 3 жыл бұрын
Старался!) Спасибо, успехов!)
@user-vp3iq1vz6g 2 жыл бұрын
Спасибо за познавательный и полезный материал. Подача информации лучшая из тех которые я встречал(она у вас грамотная и лаконичная)
@intention-man Жыл бұрын
МОЩНЕЙШЕЕ видео! Учился по нему без недели месяц и каждый раз было очень полезно. Спасибо большое, продолжай делать топовейший контент!)))
@Sergey-lg1ke 2 жыл бұрын
Тимур, ты как всегда ТОП! Коммент в поддержку и благодарность. Всем кто будет смотрет: как обычно с твоими уроками, нужно закладывать х10 времени от продолжительности ролика, концентрация инфы невероятная. Ну и пол часа искать какую-нибудь опечатку это коечно жиза🥲
@bigbigfoot3365 9 ай бұрын
Зато это всё спитывается как вода в губку, после всего ролика, когда сам все сделал, чувствуешь силу в пальцах и голове
@tolikcooks9182 8 ай бұрын
Ох, я уже больше 3 лет в веб разработке, из которых больше 2х коммерческой. И все еще не чувствую силы в пальцах и голове. Хотя уже давно занимаюсь различными большими и иногда даже очень сложными задачами @bigbigfoot3365 😂
@alexandrelagin5490 3 жыл бұрын
Тимур спасибо огромное! Не смотрел курс, но лайк не глядя, до пройду ваш курс по хранилищу и буду этот курс штурмовать. Вы реально большой молодец! И да вы правы, за подобные курсы люди за деньги продают. Хорошо, что вы чередуете разные бд. Круто, что с mobx ))
@UlbiTV 3 жыл бұрын
Спасибо вам огромное!) Желаю вам извлечь максимум пользы из моих курсов!)
@user-td3bz8st6v Жыл бұрын
Это просто потрясающе. Было очень интересно сделать этот проект. Не все конечно сразу получилось, но я очень доволен что смог повторить за тобой Тимур!!!)
@user-ds3eb7pl4r Жыл бұрын
Колоссальное количество полезной информации! Выражаю огромную благодарность! Подобный концентрат знаний ни у кого из подобных каналов не находил!
@yryslearning9726 3 жыл бұрын
Супер спасибо большое много чему научился ! Побольше бы таких видео! Самое главное желаю развития канала! Буду помогать вам с привлечением подписоты как могу ))Таких блогеров как вы мало и мы ценим это !
@UlbiTV 3 жыл бұрын
Такие теплые слова!) спасибо огромное, очень ценю вашу поддержку!
@yakut54 3 жыл бұрын
Чувак, я в восторге! Спасибо за науку. Лайк. Подписка. Колокол.
@user-yo9ck7vn5x Жыл бұрын
Спасибо, очень хороший урок, позволяет погрузится в эти технологии с пинка, нежели изучаешь их по отдельности и потом пытаешься всё это связать, а тут теперь есть замечательный пример)
@user-ht8zh2kr1e Жыл бұрын
Привет Тимур! Огромное тебе СПАСИБО!!! Прохожу все твои курсы поэтапно. А те моменты по нововведению во фронте, это стало еще интереснее. Потому, что сам начинаешь искать пути решения и потом все работает. Респект за проделанную работу!
@liza_sashina 2 жыл бұрын
Автор, спасибо большое! На твоём канале, без преувеличения, самый лучший контент на ютьюбе по данной тематике.
@user-np4vg9pc5o Жыл бұрын
Согласен на все 100% Многих смотрел, но остановился на гайдах Тимура!!!
@kirillshapovalov495 3 жыл бұрын
Огромное спасибо тебе за твои труды! Ты делаешь очень крутой и полезный контент! Успехов и продолжай в том же духе!
@UlbiTV 3 жыл бұрын
Спасибо за поддержку друг, очень ценю!
@user-pc5td9nb4u 2 жыл бұрын
Очень приятно разбираться в новых стандартах (react-router 6) и суметь передлать старое в новое (не такое уж и старое но не суть...). Спасибо Тимуру за то что оставил эту работу нам, и не дал посмотреть готового решения!
@user-eh1tt3yc4z 2 жыл бұрын
Очень крутой урок! Огромная благодарность! Быстро и четко всё разложил!))
@programming5944 3 жыл бұрын
начало очень многообещающее, еще и интернет магазин, распространенный кейс, спасибо Ulbi TV
@UlbiTV 3 жыл бұрын
Спасибо вам!)
@Maratreason 3 жыл бұрын
Афигенский урок! Большое спасибо за проделанный труд.
@UlbiTV 3 жыл бұрын
Рад стараться, и вам спасибо за поддержку!)
@marufbekmm4863 Жыл бұрын
Столько шарил в ютубе и не мог найти тебя. Классный видос. Продолжай в том же духе
@olifem_tsx Жыл бұрын
Это лучший урок по Реакт, что я видел на Ютюб. Тимур, ты лучший! Спасибо тебе за проделанный труд!
@alexandrborodin5749 3 жыл бұрын
Блин, чувак, ты нереально крут!!! Успехов тебе и подписчиков! Я точно в их числе
@dmytroherko1143 2 жыл бұрын
Крутой ролик, спасибо! Дошел до админки и не получалось перейти на /admin потому что по дефолту юзер не авторизован, AppRouter отрабатывает один раз и получается, что доступны только publicRoutes. Когда делаешь авторизацию, то глобальный стейт юзера меняется, но роуты заново не формируются и authRoutes все так же недоступны. Решил тем, что обернул AppRouter в observer. Потом открыл исходный код и увидел, что AppRouter реально обернут в observer, хотя на видео этого не было) Возможно, кому-то будет полезно
@gusvs Жыл бұрын
Тимур, твой канал просто находка, от других можно смело отписываться, как же я переоценил себя, когда думал за вечер изучить это видео, прошло 3 дня - и только бекэнд, почти, поместил в голову, но это стоит того, спасибо за такую тренировку для мозга.
@user-if6dc1kv8c Жыл бұрын
Сейчас делаю курсач по вашему примеру, благодарю вас за ваши уроки, очень хорошее объяснение, спасибо вам огромное!
@RinatYouldashbaev 2 жыл бұрын
Посмотрел пока только вступление, но не могу не оставить комментарий. Спасибо автору! Как говорится, уважение таким парням. Здоровья вам, вашей семье и близким!
@user-mx6ts8xi4m 2 жыл бұрын
и подписчикам (здоровья) 😀
@damakostolo 4 ай бұрын
Видео великолепное , я от начала до конца написал магазин это было тяжело .Сталкиваться ошибками даже когда катаешь чужой код, чаще всего из-за невнимательности иногда из-за обновлений фреймворков . Появилось очень много понимания о разработке ,а с видео автора про ООП стало ещё понятнее . Всём начинающим разработчикам как и бек так и фронтенд советую пройти этот курс . Это стало самой большой моей разработкой приложений за период изучения программирования но надеюсь не надолго , надо покорять новые вершины , каждый день только так можно добиться успеха ! Удачного кодинга и не повалите сервер
@namesurname-ss8vx 2 жыл бұрын
Сразу лайк! еще не смотрел но ты делаешь супер видосы! Низкий поклон за труды!
@andrewkhramchenkov5546 2 жыл бұрын
Это топ! Отличная подача, качественный материал. Пойду остальные ролики смотреть)) Мой первый коммент за 10 лет использования ютуба твой
@drpetrosyan 2 жыл бұрын
Отменный контент: особенно когда паралельно набираешь - много тонкостей реализации замечаешь
@genexys 3 жыл бұрын
Чисто случайно наткнулся на этот видос, очень годный канал, удивительно что так мало подписчиков. Уже составил очередь из того что мне понадобилось) Респект чувак)
@UlbiTV 3 жыл бұрын
С вашей помощью, поддержкой, подписчиков будет больше)) спасибо!
@alimanalybek8557 3 жыл бұрын
@@UlbiTV можно ли вместо постгреса Mysql использовать?
@PieceOfInternet 4 ай бұрын
Высший пилотаж) ты настолько быстро пишешь приложение и твои мысли настолько быстро, грамотно и системно строятся в очень грамотный код, что я банально порой не успеваю за ходом твоих мыслей, в тот момент когда ты эти мысли реализуешь в код, который приятно читать. Это очень здорово) Надеюсь через пару просмотров пойму больше :D На самом деле я скорее тут изначально был ради фронтенд части, так как именно в этом направление стремлюсь, но на удивление бэк был тоже приятен и интересен, хоть конечно сложно много было понять, ни разу не работая с БД или с ORM Sequalize.
@sex_machine999 Жыл бұрын
Благодарю Тимур, твой курс пришёлся очень в тему, всё никак не мог сесть за проект, а тут как раз курсач нарисовался, и вспомнил вот про твой видос, спасибо)
@evgeniyn1542 3 жыл бұрын
Крутое видео с интересными технологиями, спасибо за уникальный контент! :)
@UlbiTV 3 жыл бұрын
Спасибо, Евгений, стараюсь!
@DiimaPopov 2 жыл бұрын
Это тот случай когда одно 3 часовое видео обьясняет больше чем 3-6 месяцев учебы... топ! подписан лайк и +карма
@daeriofrixell199 Жыл бұрын
тут как раз пока хотя бы просто перепишешь всё это, чтобы работало - уже пройдёт 3-6 месяцев ахвахвззах
@DiimaPopov Жыл бұрын
😅😅😅
@user-op8wy6uj3p Жыл бұрын
@@daeriofrixell199 неделя ушла где то)))
@nik_lixach Жыл бұрын
@@user-op8wy6uj3p привет, ты делала корзину интернет-магазина?
@psychicks3463 Жыл бұрын
@@nik_lixach на гите кто-то сделал
@StarkElessar Жыл бұрын
Лайкос однозначно, и просто бомбела контент!!!! Прошло 3 дня, как я перевериваю тему бекенда и изучаю express и postgres -- и у меня в голове не укладывается: да не может быть, что так слишком легко, что мне все понятно....Клаас!!!
@neyrallanguge 2 жыл бұрын
Самое адекватное видео, которое есть в Ru ютубе. Без воды и глупых "Ээээээ мммм", других слов паразитов. Дай бог тебе здоровья, пили еще видео.
@gerasymenko1 2 жыл бұрын
Крутая работа! Спасибо большое! Этот курс помогает людям больше практиковаться! Понятный разбор и логическая цепочка действий с объяснениями по каждому шагу продвижения к написанию кода интернет магазина📶
@Sense1ko 3 жыл бұрын
Чел ты просто красавчик, нереальная годнота, как же я рад, что ютуб мне твое видео в рекомендациях показал
@UlbiTV 3 жыл бұрын
С вашей поддержкой мои видосы попадают в рекомендации, спасибо!
@avk171200 7 ай бұрын
Это восхитительный урок! Спасибо большое Отдельное спасибо за то, что делишься опытом, особенно, в такой доступной форме
@user-bt1gf8ur5s 6 ай бұрын
Получилось что-то со Swith сделать? Пишет что этого модуля нет в дом реакт роутер
@user-mr8hj9qj8u 2 жыл бұрын
Нет слов просто!!! Это лучший контент на всём ру ютубе Спасибо тебе огромное за твой труд!
@user-zk3bc1lf8k 3 жыл бұрын
Ура🥳 Спасибо👏🏻👏🏻👏🏻👾👾👾ждала новое видео!!!
@UlbiTV 3 жыл бұрын
А я ждал ваш комментарий!) Спасибо!
@andreityryshkin3784 2 жыл бұрын
Эти три часа наверно у меня часов 30 заняли, даже вспомнил как дебажить )))
@andrii_suprun_ua 2 жыл бұрын
Спасибо!!! С каждым разом понимаешь все больше)
@Xdrtty 9 ай бұрын
Ульби, лучший блогер, ставлю жирный лайк, я был бы рад видеть похожее видео с другим проектом на том же стеке.
@diasdamen1346 2 жыл бұрын
Это просто космос! Спасибо за контент!
@andreyburlakov6699 2 жыл бұрын
Крутое видео. Много нового, очень классно и понятно изложено )))
@enigma8211 Жыл бұрын
Прекрасная практика. Автор классно совместил практику с комментариями. Было интересно выполнять данную работу . Спасибо автору за контент и проделанную работу.
@user-zw4os9no8q 2 жыл бұрын
Практика просто супер! Большое спасибо за проделанную работу.
@bur5153 3 жыл бұрын
За этот ролик больше спасибо, труд этого ролика рано или поздно тебе вознаградится. Ты крут.
@UlbiTV 3 жыл бұрын
Такие комментарии и есть моя награда, значит все не зря! Спасибо друг!
@user-wo3fp1pg4c 3 жыл бұрын
Спасибо огромное за такой видеоурок! Как раз прохожу обучение на курсах python-разрабка, и эта видюха показывает на сколько большой проект. Жаль конечно не на python, но хотя бы теперь увидел примерный объем работы.
@ebadmaev 2 жыл бұрын
Как можно на пайтоне писать веб, это же жесть. Около миллиона библиотек для js!
@user-xh3zy6hw2z Жыл бұрын
Фух, досмотрел до конца) Такой годноты я давно уже не видел... Огромное спасибо автору за предоставленный материал!!!
@svyatoslavkorolyov2708 Жыл бұрын
Наверное, один из самых сложных курсов для моего понимания на этом канале, но развиваться нужно, спасибо)
@nafanya3733 3 жыл бұрын
Тимур, какой же ты крутой, спасибо тебе за контент)
@radikovichkz2470 2 жыл бұрын
Спасибо за видео. Многие моменты индивидуальны. Но много полезной инфы. Можно время тратить на такое длинное видео, есть смысл. Спасибо
@user-sv2vf5ou9b Жыл бұрын
Супер ролик! все четко и (о, чудо!) понятно. Спасибо! Сними что-нибудь про микросервисы, буду очень благодарна)
@user-jc5eh4nu6e 2 жыл бұрын
Спасибо тебе добрый человек. Лучший контент. Пока есть такие как ты, человечество не безнадежно.
@jsmonstr9638 3 жыл бұрын
Пересмотрел три раза, возвращался в течение месяца несколько раз, контента бомба!
@UlbiTV 3 жыл бұрын
Спасибо, старался для вас
@zzodzi3584 3 жыл бұрын
Блин спасибо тебе большое бро, спустя неделю я все же осилил этот ролик, и понял, что к чему.
@user-mo4ne2gi9o 10 ай бұрын
Досмотрел до конца, повторял, что-то менял сразу на ходу, что-то еще предстоит поправить для себя. Очень крутой контент, полное погружение. Спасибо.
@Zalupa501 2 жыл бұрын
Круто, очень интересно и познавательно! Огромное спасибо за твои видео ролики!
@KokJoe 3 жыл бұрын
Долго искал контент именно с PostgreSQL, круто!)
@UlbiTV 3 жыл бұрын
Надеюсь было полезно, успехов!)
@dzianisantanouski1885 8 ай бұрын
Во-первых, спасибо за ролик. Для тех кто сча повторяет: { In react-router-dom v6, 'Switch' is replaced by 'Routes' }. С Redirect похожая история, я использовал последним роутом такую конструкцию { }
@AeroPaHan Жыл бұрын
Спасибо большое, только начинаю постигать азы веб-программирования, с твоими роликами делать это гораздо легче :D
@Art-M Жыл бұрын
Спасибо, все очень круто и по делу, удачи в дальнейшей деятельности!
Ulbi TV
Рет қаралды 252 М.
Oddly Satisfying
Рет қаралды 140 МЛН
Ulbi TV
Рет қаралды 684 М.
Ulbi TV
Рет қаралды 410 М.
Давай Попробуем: JavaScript
Рет қаралды 55 М.
Ulbi TV
Рет қаралды 502 М.
Infinity Circus
Рет қаралды 10 МЛН
Apple_calls РЕПЛИКА №1 В РФ
Рет қаралды 21 М.