React & Node.js ИНТЕРНЕТ МАГАЗИН С НУЛЯ. PERN stack PostgreSQL + express + React js + node.js
Vložit
- čas přidán 28. 07. 2024
- В этом курсе мы разработаем полноценный интернет магазин на стеке 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 - Věda a technologie
Это просто ах****но! Ты реальный красавчик) Спасибо и удачи с каналом! Коммент для продвижения!
И ты красавчик, спасибо за поддержку бро)
@@UlbiTV Очень годный урок, да и канал в целом ОЧЕНЬ ГОДНЫЙ, спасибо огромное за труд
Polnostyu soglasen.
@@UlbiTV Бро, подскажи, пожалуйста, пишу всё в точности как у тебя, даже из репы вроде код копировал, но при попытке получить device по getOne методу, запрос зависает и высыпается ошибка: "UnhandledPromiseRejectionWarning: SequelizeDatabaseError: column info.deviceId does not exist"
Курс офигенный просто, но с базами и nodejs не работал никогда до этого, так что сижу и никак не могу чё т выкупить, как пофиксить эту ошибку, хелп плиз(
@@alexdirks7287 смотри внимательнее скорее всего не правильно модель данных описал скорее всего связи.
Офигенно круто! Спасибо за такие практически полезные уроки! И отдельная благодарность за таймколы и ссылки на исходники. Реально круто!!! 👏
чтоб ты был здоров) балдею с твоих уроков, подача на высоте, без лишней нудятины)
Посмотрел уже несколько объемных роликов, из каждого подчерпнул большое количество полезной инфы. Спасибо за отборный контент!
Таймкоды в описании, приятного просмотра!)
Привет бро! хотел спросить что посаветуешь для начинающих после html css JS ? тоесть Angular React Vue? какой из них легко для новичков ?
@@nouchance Vue для новичков идеален
@@nouchance Привет!) Да, согласен с тем, что вью хорош для новичков, но все же реакт ближе к нативному js, скорее с него посоветовал бы начать) будет сложнее - но потом изучить вью будет проще
@@UlbiTV спасибо !
Прошёлся по всем больным местам! Спасибо! Я сам очень хотел записывать курсы, но получится так что я тебя буду просто копировать!)
очень круто!
Просто невероятный! У меня нет слов, насколько нравится твой контент - смотрел с открытым ртом на некоторые моменты. Автору низкий поклон и глубочайший респект! С удовольствием смотрю уже третье твое видео длиной 2+ часа, при этом вообще не замечая времени - все на одном дыхании.
Жесть, меня этот человек научил большему чем горсть "преподавателей" за 4 года учебы в университете.
Есть множество людей которые продвигают реформы образования, есть люди и компании которые инвестируют многа деняг в обучение будущих поколений, но мне кажется, что ulbi TV сделал больше всех этих добряков, создав столько простых, понятных и что не маловажно бесплатных уроков. Вот он настоящий МеценаТ!
Иван, благодарю за такие приятные слова и за столь высокую оценку моего труда:)
Думаю, без полученной там базы - тут было бы намного сложнее!))) Уважайте труд каждого преподавателя) В жизни так и должно быть - никогда после первичного учебного заведения не бывает хороших спецов - ими они становятся в последствии, когда начинают применять то чему учились. И если продолжают учиться!!!) А автору сего творения - ОГРОМНЕЙШИЙ респект за материал!!! Очень много полезного!
Очень нравится скорость и емкость подачи информации. Никакой воды, все по существу. Огромное спасибо!
люблю твои ролики, нет всякой нудятины по пол часа, чистый отфильтрованный контент
Огромное спасибо, за то что для новичков создаешь такие курсы. Удачи в развитие канала!
Огромное спасибо. Думаю многим пригодится, кто искал создание интернет магазина в ютуб. Ещё и всё удобно разбито на части и есть исходники в описании. Просто мечта!
Видео-пособие отличное, впервые за долгое время поиска информации по react'у имеется реальный план по его изучению. Воды нет, только конкретика с пояснением важных моментов. Спасибо Тимуру!
Спасибо большое, это ты - герой, что сделал такой урок!
И главное, все очень сжато, но где стоит отметить какую-то деталь - ничего не упускаешь
Я сам в разработе второй год, но в этом уроке знаний дано больше, чем набрал за все время)
Еще раз спасибо!
Если бы ты где-то на udemy переделал этот курс: дробить на мелкие уроки плюс исходник в результате каждого урока -- я бы заплатил за это однозначно!
Очень толковый курс. Без лишней воды. Кто не догнал, перемотает и прослушает заново. Значительно лучше, чем многие курсы на Udemy.
О, это несомненно самые полезные и информативные видео по фронтенду, которые мне попадались. Большое человеческое спасибо за труд!!!
супер туториал! Ты большой молодец! Задаваясь вопросом "стоило ли мне покупать курс Full-stack JS", понял, что всё-таки стоило. Образования много не бывает - главное сидеть и упорно впитывать знания, а потом на практике тренировать. и потом надо в благодарность таким ребятам, как ты, тоже помогать молодняку учиться и становиться лучше.
Досмотрел до конца! Огонь! Повторил весь код, для бэк конечно понятнее, реакт - пока туго понимаю. В общем на просмотр ролика, углубление в некоторые детали, реализацию у меня ушло 4 дня. Это пока без корзины и рейтинга. Спасибо! Ролик, то что нужно!
*Действительно, чумовой контент!*
Предлагаю на его базе сделать продолжение. Например, та же валидация, i18n, другие типы авторизации и т.п.
У кого проблема с клиентской частью, когда не рендерится страница на этапе создания Роута:
В новых версиях React Router немного изменилась документация. Switch (в файле по пути components/AppRoutes из урока) заменить на => 'Routes'. Так же 'Components' (в строке Route) заменить на => 'element'. Эта строка должна выглядеть так: ""
Так же для "Redirect". Его в новой версии не импортируем. Вместо него использовать просто: "".
Может у кого-то возникла такая же проблема и будет полезно.
Спасибо!
Еще и в routes.js нужно добавить < ИмяКомпонента /> для каждого компонента маршрута
Спасибо, но у меня строка, там где в старой версии писали "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)}
Добрый день! подскажите пожалуйста, вы реализовывали корзину?
еще добавлю что exact идет по умолчанию и его не нужно писать
Шикарная подача материала. Никаких соплей и воды. Однозначно один из лучших роликов по стеку PERN.
Лучший! Очень приятно слушать голос, и всё по делу.
Спасибо огромное за твой труд
Ролик просто АГОНЬ!!! еще не посмотрел, но уже нравится))) продолжай в этом же духе)
Просто лучший! Такого материала нет даже на платной основе. Спасибо тебе большой, я безумно рад что попал на твой канал и могу становиться лучше по таким видео)
Большое спасибо за подробнейшее объяснение и таймлайны, очень приятно было смотреть и самое главное разбираться и понимать!
Дай Бог тебе здоровья и успеха, человек, за твой труд. Крутое мощное видео! Спасибо!
Хотел вечером фильм какой нибудь посмотреть, но видимо буду смотреть это видео :D уверен хороший курс, после просмотра отпишу еще
ахах =) Обязательно жду фидбек!
Ещё не досмотрел ?
@@vortexTact1cs походу
@@user-zx7uu9yh2j досмотрел давным давно и даже отписывался если не ошибаюсь, возможно под другим роликом
@@vortexTact1cs читай коммент выше
Лучшее видео по фронтенд-бэкенд которое я видел. Быстро, четко и ясно без лишней суеты. Спасибо!
Спасибо за познавательный и полезный материал. Подача информации лучшая из тех которые я встречал(она у вас грамотная и лаконичная)
Посмотрел пока только вступление, но не могу не оставить комментарий. Спасибо автору! Как говорится, уважение таким парням. Здоровья вам, вашей семье и близким!
и подписчикам (здоровья) 😀
Тимур спасибо огромное! Не смотрел курс, но лайк не глядя, до пройду ваш курс по хранилищу и буду этот курс штурмовать. Вы реально большой молодец! И да вы правы, за подобные курсы люди за деньги продают. Хорошо, что вы чередуете разные бд. Круто, что с mobx ))
Спасибо вам огромное!) Желаю вам извлечь максимум пользы из моих курсов!)
Парень, ты просто монстр концентрировать информацию, буду смотреть ещё раз, и возможно ещё раз. Спасибо за твой труд, желаю успехов в твоих делах!!!
МОЩНЕЙШЕЕ видео! Учился по нему без недели месяц и каждый раз было очень полезно. Спасибо большое, продолжай делать топовейший контент!)))
Автор, спасибо большое! На твоём канале, без преувеличения, самый лучший контент на ютьюбе по данной тематике.
Согласен на все 100% Многих смотрел, но остановился на гайдах Тимура!!!
Досмотрел до конца, ушло 2 недели )) тратил по 1-3 часа в день) параллельно писал бэк и фронт под свои задачи, почти все работает, где то ошибка с токенами буду смотреть заново, и думаю не один раз. Спасибо большое тебе Тимур! Раньше такой стэк можно было только долгими путями тратя много времени на прочтение талмутов Архангельского (привет паскаль и с++) либо в компании ковыряя чужой код. Это огромная работа и в клад в развитие начинающих юниоров.
Привет, а ты рейтинг и корзину сделал? я закончил бек енд но не представляю как корзину и рейтинг сделать
@@narekmanukyan8692 Привет я писал проект под свои задачи (учетная система для расчета заказа клиенту т.е. не интернет магазин) Но думаю просто надо расширить тек функционал например для рейтинга ввести переменную рейтинг которую надо будет пересчитывать при нажатии на рейтинг пользователем далее либо сохранять историю рейтингов либо запоминать вес и делать перерасчет. С корзиной чуть побольше дел я бы сделал отдельную переменную у пользователя текстовую и сохранял json структуру со списком товаров (ид, кол-во цены какие то расчеты). Но это сходу мысли далеко не гуру в этом вопросе
@@bm-algoritmik спасибо за ответ и помощь, но я не понял 🤷♂
у меня проблема с обработками ошибок, он написал alert, который в принципе не срабатывает
как ты организовал обработку ошибок?
@@narekmanukyan8692 привет, ты делал корзину, а то тоже доделала весь видос и не могу понять.)
Колоссальное количество полезной информации! Выражаю огромную благодарность! Подобный концентрат знаний ни у кого из подобных каналов не находил!
Спасибо, очень хороший урок, позволяет погрузится в эти технологии с пинка, нежели изучаешь их по отдельности и потом пытаешься всё это связать, а тут теперь есть замечательный пример)
Огромное спасибо тебе за твои труды! Ты делаешь очень крутой и полезный контент! Успехов и продолжай в том же духе!
Спасибо за поддержку друг, очень ценю!
Спасибо. Очень хороший стиль программирования, для обучающего ролика! Успехов вам!
Очень приятно разбираться в новых стандартах (react-router 6) и суметь передлать старое в новое (не такое уж и старое но не суть...). Спасибо Тимуру за то что оставил эту работу нам, и не дал посмотреть готового решения!
Спасибо большое за такой подробный урок. Долго искала информацию для создания интернет-магазина.. твое видео то что нужно для понимания темы !))
Ну наконец-то, обалденный формат! Быстро, по делу, не разжевывая - то что нужно. А непонятные детали можно и погуглить. Спасибо!
Старался!) Спасибо, успехов!)
Супер спасибо большое много чему научился ! Побольше бы таких видео! Самое главное желаю развития канала! Буду помогать вам с привлечением подписоты как могу ))Таких блогеров как вы мало и мы ценим это !
Такие теплые слова!) спасибо огромное, очень ценю вашу поддержку!
Посмотрел весь ролик)) Пушка!!!) Очень грамотно и понятно изложил) Большое спасибо! Бомби дальше)) Желаю тебе удачи))
Очень крутой урок! Огромная благодарность! Быстро и четко всё разложил!))
Руководство просто выше всяких похвал.
То самое познание через практику.
Спасибо огромное.
Небольшая ошибка в Client/src/App.js - строка 16 ' user.setUser(true)' заменить на ' user.setUser(data)' - если не ошибаюсь
Тимур, ты как всегда ТОП! Коммент в поддержку и благодарность. Всем кто будет смотрет: как обычно с твоими уроками, нужно закладывать х10 времени от продолжительности ролика, концентрация инфы невероятная. Ну и пол часа искать какую-нибудь опечатку это коечно жиза🥲
Зато это всё спитывается как вода в губку, после всего ролика, когда сам все сделал, чувствуешь силу в пальцах и голове
Ох, я уже больше 3 лет в веб разработке, из которых больше 2х коммерческой. И все еще не чувствую силы в пальцах и голове. Хотя уже давно занимаюсь различными большими и иногда даже очень сложными задачами @bigbigfoot3365 😂
Привет Тимур! Огромное тебе СПАСИБО!!! Прохожу все твои курсы поэтапно. А те моменты по нововведению во фронте, это стало еще интереснее. Потому, что сам начинаешь искать пути решения и потом все работает. Респект за проделанную работу!
Это просто потрясающе. Было очень интересно сделать этот проект. Не все конечно сразу получилось, но я очень доволен что смог повторить за тобой Тимур!!!)
Афигенский урок! Большое спасибо за проделанный труд.
Рад стараться, и вам спасибо за поддержку!)
Крутая работа! Спасибо большое! Этот курс помогает людям больше практиковаться! Понятный разбор и логическая цепочка действий с объяснениями по каждому шагу продвижения к написанию кода интернет магазина📶
Это лучший урок по Реакт, что я видел на Ютюб.
Тимур, ты лучший! Спасибо тебе за проделанный труд!
Это восхитительный урок!
Спасибо большое
Отдельное спасибо за то, что делишься опытом, особенно, в такой доступной форме
Получилось что-то со Swith сделать? Пишет что этого модуля нет в дом реакт роутер
Ого, таких таких уроков на русском, даже на Udemy нет. Спасибо
Надеюсь было полезно!) Спасибо!
@@UlbiTV бро, я думаю, более чем! 👍🏻
Да, ролики Тимура в 100 раз превосходят udemy
@@UlbiTV мега полезно
Красавчик
Крутое видео с интересными технологиями, спасибо за уникальный контент! :)
Спасибо, Евгений, стараюсь!
Самое адекватное видео, которое есть в Ru ютубе. Без воды и глупых "Ээээээ мммм", других слов паразитов. Дай бог тебе здоровья, пили еще видео.
Ulbi TV, спасибо за классный ролик, все еще актуально!
Удачи всем, кто как и я, делал backend по es6 и с typescript)
Чувак, я в восторге! Спасибо за науку. Лайк. Подписка. Колокол.
начало очень многообещающее, еще и интернет магазин, распространенный кейс, спасибо Ulbi TV
Спасибо вам!)
Столько шарил в ютубе и не мог найти тебя. Классный видос. Продолжай в том же духе
Сейчас делаю курсач по вашему примеру, благодарю вас за ваши уроки, очень хорошее объяснение, спасибо вам огромное!
Блин, чувак, ты нереально крут!!! Успехов тебе и подписчиков! Я точно в их числе
Спасибо огромное за такой видеоурок! Как раз прохожу обучение на курсах python-разрабка, и эта видюха показывает на сколько большой проект. Жаль конечно не на python, но хотя бы теперь увидел примерный объем работы.
Как можно на пайтоне писать веб, это же жесть. Около миллиона библиотек для js!
Это топ! Отличная подача, качественный материал. Пойду остальные ролики смотреть))
Мой первый коммент за 10 лет использования ютуба твой
Благодарю Тимур, твой курс пришёлся очень в тему, всё никак не мог сесть за проект, а тут как раз курсач нарисовался, и вспомнил вот про твой видос, спасибо)
Это тот случай когда одно 3 часовое видео обьясняет больше чем 3-6 месяцев учебы... топ! подписан лайк и +карма
тут как раз пока хотя бы просто перепишешь всё это, чтобы работало - уже пройдёт 3-6 месяцев ахвахвззах
😅😅😅
@@daeriofrixell199 неделя ушла где то)))
@@user-op8wy6uj3p привет, ты делала корзину интернет-магазина?
@@nik_lixach на гите кто-то сделал
За этот ролик больше спасибо, труд этого ролика рано или поздно тебе вознаградится. Ты крут.
Такие комментарии и есть моя награда, значит все не зря! Спасибо друг!
Сразу лайк! еще не смотрел но ты делаешь супер видосы! Низкий поклон за труды!
Высший пилотаж) ты настолько быстро пишешь приложение и твои мысли настолько быстро, грамотно и системно строятся в очень грамотный код, что я банально порой не успеваю за ходом твоих мыслей, в тот момент когда ты эти мысли реализуешь в код, который приятно читать. Это очень здорово) Надеюсь через пару просмотров пойму больше :D
На самом деле я скорее тут изначально был ради фронтенд части, так как именно в этом направление стремлюсь, но на удивление бэк был тоже приятен и интересен, хоть конечно сложно много было понять, ни разу не работая с БД или с ORM Sequalize.
Ура🥳 Спасибо👏🏻👏🏻👏🏻👾👾👾ждала новое видео!!!
А я ждал ваш комментарий!) Спасибо!
Супер!!! Спасибо большое за твой труд!!! За 2.5 часа передал суть 2х лет института!) Не останавливайся! Таких курсов в русскоязычном сегменте ютуба нет. Сил и удачи тебе!)
Ахах)) Просто в институтах сейчас обучение такое)) Спасибо друг, успехов!)
@@UlbiTV Было бы круто увидеть деплой проекта. Планируется ли подобный контент? А именно о том как грамотно корректировать общение фронта и бека на деплое. Также думаю очень интересно будет комьюнити автоматизация на проекте. Реализация меню подтверждения заказа(колл-центра) и автоматической отправки его в службу доставки(склад) для дальнейшей обработки. В прошлом году мне приходилось делать подобный проект. От того весьма интересно разобраться в реализации подобного в стеке js)
Институту никогда не достич такого уровня
Нет слов просто!!! Это лучший контент на всём ру ютубе
Спасибо тебе огромное за твой труд!
Спасибо тебе добрый человек. Лучший контент. Пока есть такие как ты, человечество не безнадежно.
Чел ты просто красавчик, нереальная годнота, как же я рад, что ютуб мне твое видео в рекомендациях показал
С вашей поддержкой мои видосы попадают в рекомендации, спасибо!
Спасибо за проделанную работу, это замечательно!
Спасибо друг! стараюсь)
Тимур, твой канал просто находка, от других можно смело отписываться, как же я переоценил себя, когда думал за вечер изучить это видео, прошло 3 дня - и только бекэнд, почти, поместил в голову, но это стоит того, спасибо за такую тренировку для мозга.
Боже, насколько же полезны такие видео. Конечно оно уже для понимающих, при этом такой практики я нигде не видел.
Спасибо! Старался и очень рад, что понравилось
Отменный контент: особенно когда паралельно набираешь - много тонкостей реализации замечаешь
Пересмотрел три раза, возвращался в течение месяца несколько раз, контента бомба!
Спасибо, старался для вас
Фух, досмотрел до конца) Такой годноты я давно уже не видел... Огромное спасибо автору за предоставленный материал!!!
Практика просто супер! Большое спасибо за проделанную работу.
Единственный человек который подробно рассказывает, но для новичков это сложновато понять. Это видео заслуживает лайк и подписку
Новички должны тупо повторять написание кода :)
Крутое видео. Много нового, очень классно и понятно изложено )))
Прекрасная практика. Автор классно совместил практику с комментариями. Было интересно выполнять данную работу . Спасибо автору за контент и проделанную работу.
Лайкос однозначно, и просто бомбела контент!!!! Прошло 3 дня, как я перевериваю тему бекенда и изучаю express и postgres -- и у меня в голове не укладывается: да не может быть, что так слишком легко, что мне все понятно....Клаас!!!
Спасибо за видео. Многие моменты индивидуальны. Но много полезной инфы. Можно время тратить на такое длинное видео, есть смысл. Спасибо
Видео великолепное , я от начала до конца написал магазин это было тяжело .Сталкиваться ошибками даже когда катаешь чужой код, чаще всего из-за невнимательности иногда из-за обновлений фреймворков .
Появилось очень много понимания о разработке ,а с видео автора про ООП стало ещё понятнее . Всём начинающим разработчикам как и бек так и фронтенд советую пройти этот курс .
Это стало самой большой моей разработкой приложений за период изучения программирования но надеюсь не надолго , надо покорять новые вершины , каждый день только так можно добиться успеха ! Удачного кодинга и не повалите сервер
Спасибо!!! С каждым разом понимаешь все больше)
Круто, очень интересно и познавательно! Огромное спасибо за твои видео ролики!
Это просто космос! Спасибо за контент!
Чисто случайно наткнулся на этот видос, очень годный канал, удивительно что так мало подписчиков. Уже составил очередь из того что мне понадобилось) Респект чувак)
С вашей помощью, поддержкой, подписчиков будет больше)) спасибо!
@@UlbiTV можно ли вместо постгреса Mysql использовать?
Ульби, лучший блогер, ставлю жирный лайк, я был бы рад видеть похожее видео с другим проектом на том же стеке.
Супер ролик! все четко и (о, чудо!) понятно. Спасибо! Сними что-нибудь про микросервисы, буду очень благодарна)
Твой канал это настоящий социальный лифт: любой человек может учиться хорошей профессии и найти работу , спасибо !
Решение некоторых проблем на фронте, возникших при повторении кода в декабре 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)}
Спасибо за полезный коммент. Только слово exact в роутах уже вроде не используется и не нужно?
@@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 из-за наличия дочерних маршрутов, используйте знак * в конце, например,
у меня еще выбивает такая ошибка. Никто не встречал? - 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
Помогите, пожалуйста, если редактор продолжает подчеркивать require в строке const express = require('express'). Что с этим делать?
@@dariasieik4493 Вообще может быть ошибка в самом коде. Не правильные импорты модулей, классов и прочего. Так же можно, например, в php storm в настройках включить галочку в поддержке node js.
Наверное, один из самых сложных курсов для моего понимания на этом канале, но развиваться нужно, спасибо)
Спасибо большое, только начинаю постигать азы веб-программирования, с твоими роликами делать это гораздо легче :D
Спасибо за труд, да будут все лайки ютуба ТВОИМИ!!
Спасибо друг!
Тимур, какой же ты крутой, спасибо тебе за контент)
Посмотрел до конца. Спасибо за проделанный труд!
Спасибо, все очень круто и по делу, удачи в дальнейшей деятельности!