37:56 Один чел подсветил, что появился файл prisma-client.js в папке prisma. Он видимо удалил коммент, не могу закрепить. В папке prisma нужно создать файл prisma-client.js github.com/brian7346/employees-react-express/blob/main/prisma/prisma-client.js. Он нужен только на клиентской части, чтобы постоянно не создавать новый инстанс я переенс его в папку.
@@maficks7309 Этот файл не сам появился. Я его создал и неправильно обрезал запись экрана, на сколько я помню. Можно даже посмотреть на этом тайминге, файл просто появляется. Но это не критично, по ходу видео я создаю инстансы от призмы прямо в комонентах
Наконец добил приложение, сразу хочу сказать не лезь сюда если вообще нет бэкграунда по Redux Toolkit, Express. Эти темы тут вообще не раскрыты что, зачем и как. Вернись сюда, как только получишь по ним базовое понимание и закрепи навыки этим проектом. Есть ошибки, но все гулиться. Удачи тебе друг в изучении веба.
За три дня сделал полтара часа видоса.Долго делал потому что в бекэнд 0 и все что слышал новое гуглил и чат гпт писал узнавал подробнее. Очень понравился курс спасибо.
Поставил лайк, и с радостью делаю урок! Люблю новые знания! Спасибо Вам большое! А можно вот такое вот почаще и если нужна будет помощь пишите, бесконечно буду рад помочь (бесплатно)
Всегда это уважал в настоящих кодерах. Сделал ошибку, без стеснения исправил и показал всем. А за кадром исправят, а ты сиди и мудохтайся где ошибка...
Блин мужик! Я уже писал что кайфую от твоей работы? Конечно писал... Я каждый день занимаюсь после работы и учусь и мне очень и очень нравится! Ты красавчик, я похоже каждый день когда буду заниматься - буду писать что-нибудь подобное))
Лучшая инфа на ютубе. Реальный проект, реальный скилл. Есть неясные моменты, но зато теперь есть понимание как же все это друг с другом дружит. Пока повторяю за автором, но уже картинка в голове как создать свой проект и с чего начинать. ПРОСЬБА!!! Покажи как baseUrl сделать для продакшена (не localhost). Автору огромное спасибо!
Спасибо вам. Было бы супер, если бы вы смогли сделать небольшое продолжение, где показали бы, как можено сделать, чтобы человек, который уже зарегистрировался смог поменять пароль или почту с подтверждением. Или это реализовать со стороны админа.... Тема смены пароля и почты с подтверждением интересна и была бы очень полезна в практике и жизни. Буду очень рад, если вдруг появится такое видео! Успехов вам и развития!
Спасибо за урок! Много нового, сложного, интересные подходы по использованию RTK, было очень полезно! Приложение работает! Спасибо еще раз за труд! Творческих успехов и развития каналу!
Макс,спасибо!На сегодняшний момент я еще на компоненте Layout и не знаю решил ты дальше в уроке проблему с подсказками импортов или нет,но причина в том,что нужно открыть отдельно папку Client, а не через папку с бэком что-то делать во фронте.Cлишком много nodemodules для vs code.
@@maximroslow Крутой проект! Спасибо за твою работу! Есть вопрос! В странице Status я указывал путь на главную через Paths.home - после открытия страницы Status и нажатия на кнопку главная,переход происходил с 5-6 нажатия, а указав переход просто "/" , то все переходит без проблом с первого раза. Почему так происходит?
Макс, спасибо за контент, жду еще больше таких масштабных проектов. Подскажи, как можно задеплоить это приложение, чтоб можно было добавить его к себе в портфолио?
3:37:40 если у Вас подчеркивается type={type} в компоненте CustomButton, в 2024 antDesign убрали стиль ghost. Поэтому, в типах пропсов надо убрать ghost, а в компоненте Header исправить ghost например на default Пример: Сотрудники
Макс здарова, давно тебя смотрю, спасибо за труд. У меня вопрос образовательного характера: таких видео очень много стало на русскоязычном ютубе, а как такие курсы проходить - никто не говорит. Это круто что ты сделал такое приложение и потратил на него более 7 часов, а вот тем кто учится, как правильно такие курсы проходить? Будет ли профит если тупо брать и повторять за тобой что ты делаешь на видео? У меня просто сомнения по поводу таких видео, т.к. не особо верится в реальную пользу тупого переписывания кода за автором. Есть советы?
Привет, я сам во фронтенд разработке с 2016 года, всегда смотрел видео на ютубе и учился по нему. Читал книги и статьи. Прочитал полностью документацию по реакт. Совет который могу дать, это то что нужно делать самому. Не обязательно то что я показал в этом видео, а просто делать. Делать самому "список дел на реакт", "форма входа" и тд. Код все пишут разный, а результат один - чтобы работало. Нужно научится делать приложения самому используя гугл. Конечно довольно сумбурный ответ, но по-другому не смогу сказать. Я не делал ничего сам до ютуб канала. Я смотрел канал Traversy Media и повторял за ним. Делал все проекты которые делал он. И потом получил работу. Дело в том, что ютуберы показывают в таких проектах это только верхушка. Просто база. Пусть и большая. На рельных проектах нужно сидеть и разбитаться в ошибках. Пусть и видео 7 часов, но на сам проект я потратил намного больше времени. Потому что при разработке не все идет так, как задумано. Нужно сидеть и вникать в ошибки, смотреть в гугле, пытаться понять, почему именно так, а есть ли другой выход? Мне всегда было трудно разбираться. Поэтому я избрал путь "смотри все что интересно и повторяй". После того как меня уволили, я сделал 2 проекта по ютубу. Похожего типа. Первый проект: github.com/brian7346/Faceline Второй проект: github.com/brian7346/Think-Bigger Я просто повторял за ними. Но я добавил в каждый из проектов что-то свое. Один проект я сделал с переключением темы с ночной на дневную. А второй проект я делал без Redux, а на React Context, хотя сами видосы были с Redux. Я заставил себя, точнее мне было интересно попробовать сделать такое. И у меня получилось пусть и не сразу. Но именно после этих двух проектов я получил работу мидл разработчика. 2 проета я делал с февраля по август. Да времени много, но я долал все до конца. Надеюсь я ответил на твой вопрос, на самом деле трудно что-то советовать, потому что у меня у самого не самый прямой путь, но сейчас я работаю, пусть меня и увольняли и я смотрел видосы по ютубу, но это помогло. Надеюсь и у тебя все получится! Спасибо, что понимаешь, что это труд, делать такие видео
Просто нужно идти от простого к сложному. Имеет смысл не повторять тупо, а делать осознанно. Сначала HTML, потом CSS, далее более сложный CSS (переменные, формулы,миксины) Sass. Далее разбиваете на компоненты, вложения при помощи «импорт». Далее JS - Его прочувствовать нужно. Самое первое - база это геморрой, переменные, функции, массивы, разные методы работы с ним (редьюc, мэп…) В асинхронные JS пока не лезь, изучай Dom манипуляции ним. Обработчики событий. Далее на ютьюбе есть кучу простеньких кейсов на ванильном JS, типа прогноза погоды, калькулятора, таймера итд У разных авторов разные подходы и объяснения поэтому лучше сделать несколько. Вот тогда ты будешь готов к реакту или вью (Create React Up, next, vite- можно даже раньше изучать) Нужно самому писать и разбирать что ты сделал. Если все понятно и осознанно - иди дальше. Если сделал но не понял, почему так- ищи ответ. Еще полезно выучить GIT /GitHub. Удачи.
@@diggerdog001 В целом повторять можно и нужно, поможет набить руку. только не в тупую переписывать а хотябы немного вникнуть что происходит и как это работает. А для такого видео нужен более менее кругозор, т.к. это не туторил по технологиям а проект использующий их, и тогда такой материал поможет понять новое и более легко изучить это.
блин, бро, ты тупа супер - красава, оч все хорошо, просто и понятно, я в первый раз в жизни пишу бэк, до этого писал только фронт, оч хорошо все рассказываешь если будешь еще че - нить подобное делать, то мб еще пильнешь проект с другой бд, админкой и ролями? еще раз спасибо!
С другими бд есть проблемы, монго просто так сейчас не поставить, только через докер, это не всем будет понятно. Постгрес или MySql тоже надо дополнительно устанавливать на комп, а по факту все тоже самое. Можно попробовать для обучения сделать другую бд, но думаю это излишне, лишняя трата времени ради того же результата и кого-то это может просто запутать. Честно, у меня нет примеров дого, чтобы использовать в таком маленьком проекте другую бд. Только ради того, чтобы показать, как ее подключить, в остальном все точно так же будет из-за ORM
Полностью видео не смотрел, но Access токен лучше хранить в памяти приложения, так безопаснее. Я храню Refresh токен в http only куках, и всегда при запуске приложения отправляю запрос на получения access токена. Либо ставить интерцептор и отлавливать 401 ошибку, и при первом запросе на сервер ответ можно отловить, получить токен и все будет круто. Если стоит кеш на токенах, запросы выходят очень шустрые, или если бд не здоровая то тоже шустро все работает.
У нас в компании тоже не юзают put и delete. А методы add и edit были бы объединены в save. Если есть id - то это редактирование записи, если нет - добавление записи.
Как пользователя в prisma зарегать, никак не могу решить проблемы - выдает ошибку error: Environment variable not found: DATABASE_URL. Кто сталкивался?
Отлично, теперь попробую сделать что то свое. Подскажите, я правильно понимаю что можно сделать сервер отдельно и не запускать на компе? Комп виснет когда одновременно сервер и реакт
Сервер обязан где-то быть. То есть у тебя где-то в интернете(или на твоем компьютере) должен быть работать сервер, который принимает и обрабатывает запросы. Вот пример который ты можешь использовать, не запуская на своем компьютере ничего: jsonplaceholder.typicode.com/ Там уже есть интерфейс(API) на который ты можешь отправлять запросы не запуская ничего у себя на компьютере
@@maximroslow Спасибо за оперативный ответ! Почитал ваши коментарии под другим видео и нашел там то что искал. Очень полезные видео, сейчас хочу разобраться с компонентами в вашем новом видео, и буду пробовать своё. А можете предсказать, насколько есть смысл углубляться в серверную часть, понимаю что знать надо, но стоит ли тратить время на начальном этапе, или бросить все силы на react
@@orlovwebdev В твоем случае нету смысла. Нужно начать делать самостоятельно. Хоть что-то на react. Если непонятно- гуглить. Это важно в любом деле. Практика это самое лучшее. А ещё лучше, если ты что-то не понимаешь и сам начинаешь копать, разбираться. Работа только из этого и состоит, что постоянно приходится разбираться и искать причины. Поэтому брось силы на реакт. Не надо зубрить и переписывать из интернета. Начни с простого, но самостоятельно. Например вывод текста из инпута в h1. И постепенно усложнять. Не забывай запускать свой код :) В уме всегда все просто и понятно, а когда начинаешь делать возникают проблемы, которые нужно решить
Спасибо, управился за неделю после работы вечерами, в принципе ~ реальные задачи/фичи, для практики доделаю модель компании, гда юзер будет владельцем, название адресс, пагинацию, поиск, фильтры, ну и деплой. Посоветуй как это все задеплоить?
компонент из antd теперь принимает prop ghost=boolean. Можно сделать вывод, что какие-то моменты из видео могли устареть, поэтому необходимо обращаться к документации)) Видео супер, узнал много полезного про frontend и бонусом про backend. Автор просто роняет золото!! (моментами тишина смущает, приходится перематывать, но это не критично)
Я уже сделал в последнем видео про рект и деплой через докер и через nginx, было бы не очень интересно смотреть как делать то же самое с этим проектом, поэтому придумал новый проект. Что бы заделоить этот, нужно просто 2 докер файла и собрать каждый. Если интересно, я делаю следующее видео, где будет деплой сервера и фронта через докер.
37:56 Один чел подсветил, что появился файл prisma-client.js в папке prisma. Он видимо удалил коммент, не могу закрепить.
В папке prisma нужно создать файл prisma-client.js github.com/brian7346/employees-react-express/blob/main/prisma/prisma-client.js. Он нужен только на клиентской части, чтобы постоянно не создавать новый инстанс я переенс его в папку.
почему создавать, если появился сам у чела? и ещё, как он передаётся клиентской части?
@@maficks7309 Этот файл не сам появился. Я его создал и неправильно обрезал запись экрана, на сколько я помню. Можно даже посмотреть на этом тайминге, файл просто появляется. Но это не критично, по ходу видео я создаю инстансы от призмы прямо в комонентах
@@maximroslow понял
а после его создания в ручную нужны еще какие то команды в консоль? или он до миграции например должен быть создан
Или как )
@@ИгнатПиратка нет, команды не нужны. Это просто рефакторинг, вынос в новый файл)
Наконец добил приложение, сразу хочу сказать не лезь сюда если вообще нет бэкграунда по Redux Toolkit, Express. Эти темы тут вообще не раскрыты что, зачем и как. Вернись сюда, как только получишь по ним базовое понимание и закрепи навыки этим проектом. Есть ошибки, но все гулиться. Удачи тебе друг в изучении веба.
Зато о concurrently хорошо все объяснил😄
За три дня сделал полтара часа видоса.Долго делал потому что в бекэнд 0 и все что слышал новое гуглил и чат гпт писал узнавал подробнее. Очень понравился курс спасибо.
Я смотрю 2 минуты и уже понимаю, чтобы будет круто.
Спасибо за отличный урок!
Наконец-то закончил. Проэкт то, что нужно!
Очень хороший урок!!!
Спасибо за подробное объяснение всех деталей!!!
Очень хорошая подача материала и объяснение!!!!
Вы молодец!!!
Вот такое детальное объяснения каждого шага - золото!!!
Прекрасное, подробное и понятное объяснение! Спасибо за ваши труды! Хороший контент, с удовольствием смотрю и пишу вместе с вами!
Поставил лайк, и с радостью делаю урок! Люблю новые знания! Спасибо Вам большое! А можно вот такое вот почаще и если нужна будет помощь пишите, бесконечно буду рад помочь (бесплатно)
видео с докером и деплоем было бы супер актуально
подписался, буду ждать )
Просто хочу сказать спасибо за это видео, очень помогло !
Особенно когда скорость воспроизведения на 1,5 ставишь то более менее бодро😊
Отличный материал, жду дополнения с докер и деплоем!!)
Лайк и подписка. По больше бы таких каналов, спасибо за труд и успехов вам!
Блин, проект просто ЛЮТЕЙШИЙ!!!!! Спасибо большое!!!!
Спасибо за такой проект, куча всего не понятно конечно, так как никогда сам бэк не писал, но есть что поучить теперь)
топовое видео спасибо! респект что обьяснял где ошибки делал и как фиксил, а не просто за кадром правил как многие часто это делают
Всегда это уважал в настоящих кодерах. Сделал ошибку, без стеснения исправил и показал всем. А за кадром исправят, а ты сиди и мудохтайся где ошибка...
Ого! Спасибо за такое объемное видео. Круто!!
Блин мужик! Я уже писал что кайфую от твоей работы? Конечно писал... Я каждый день занимаюсь после работы и учусь и мне очень и очень нравится! Ты красавчик, я похоже каждый день когда буду заниматься - буду писать что-нибудь подобное))
Как успехи
@@ДанилДмитриев-я5м да я успешный разработчик бро только рост только любимое дело
Спасибо! Вы - умница! Благодаря вам, появляются крутые разработчики!
Лучшая инфа на ютубе. Реальный проект, реальный скилл. Есть неясные моменты, но зато теперь есть понимание как же все это друг с другом дружит. Пока повторяю за автором, но уже картинка в голове как создать свой проект и с чего начинать. ПРОСЬБА!!! Покажи как baseUrl сделать для продакшена (не localhost). Автору огромное спасибо!
вау , а подойдет если никогда не работала с NodeJS,Express . курс выглядит бобически , спасибо
Можешь попробовать, но если не хочешь, можешь склонировать репозиторий, удалить папку client, и начать писать только фронтенд
Спасибо, это отличный старт для начала! Надеюсь на новый курс с интернет магазином с более сложной структурой данных)
Прекрасный курс. Хорошая подача материала. Актуальный стек технологий.
Размер кода на экране очень меленький. Иногда присматриватся это прям боль.
Я на весь экран сделал и норм) Но у меня 2 моника
спасибо, что продолжаешь
Очень хороший урок то что нужно для начала, ещебы покрыть это все тестами, было бы очень круто. Спасибо вам за ваш труд!!!!!!!!!!
Класс, ждал. Спасибо!
Спасибо большое за старания👍 Коммент и лайк для развития канала👍👍👍
Спасибо за крутое видео! Демо-часть покоряет сердца)
спасибо большое , я еще не начинал смотреть
Ну как досмотрел? )
Круто мужик, просто круто. Спасибо тебе.
Спасибо тебе огромное, что так разжёвываешь. После твоего видео многое в голове встало на свои места) Ты офигенно объясняешь!
Крайне полезное и информативное видео, где всё максимально доходчиво объясняется. Спасибо большое!
Спасибо за ролик
Спасибо, смотрел одно заодно ТС начал понимать 🔥🔥🔥
Спасибо за крутой курс! (React, TypeScript, Redux Toolkit, Express)
Большое спасибо за ваш труд!
Отличный урок, вот бы еще подобный курс только с использованием нового Next 14
Спасибо за ваш труд! Отличный курс, побольше бы таких! Хотелось бы увидеть проекты с использованием nestJs, nextJs, docker
Лайк, шер, подписка, спасибо.
Макс , красава, так держать очень хорошо объясняешь 👏👍
Спасибо большое тебе за этот отличный контент, ты очень помогаешь)
Только начал изучать ts надеюсь будет понятно
Спасибо вам. Было бы супер, если бы вы смогли сделать небольшое продолжение, где показали бы, как можено сделать, чтобы человек, который уже зарегистрировался смог поменять пароль или почту с подтверждением. Или это реализовать со стороны админа.... Тема смены пароля и почты с подтверждением интересна и была бы очень полезна в практике и жизни. Буду очень рад, если вдруг появится такое видео! Успехов вам и развития!
Очень актуально! Спасибо большое за урок, лучший!
Отличный гайд! Жду деплой)
Спасибо, прекрасный труд!!!
Спасибо за урок! Много нового, сложного, интересные подходы по использованию RTK, было очень полезно! Приложение работает! Спасибо еще раз за труд! Творческих успехов и развития каналу!
Макс,спасибо!На сегодняшний момент я еще на компоненте Layout и не знаю решил ты дальше в уроке проблему с подсказками импортов или нет,но причина в том,что нужно открыть отдельно папку Client, а не через папку с бэком что-то делать во фронте.Cлишком много nodemodules для vs code.
Да, с подсказками очень непонятно бывает, видимо да, если папка с модулями большая, нужно отдельно открывать
@@maximroslow Крутой проект! Спасибо за твою работу!
Есть вопрос!
В странице Status я указывал путь на главную через Paths.home - после открытия страницы Status и нажатия на кнопку главная,переход происходил с 5-6 нажатия, а указав переход просто "/" , то все переходит без проблом с первого раза.
Почему так происходит?
Спасибо за урок! 🙂
@maximroslow спасибо, что сделал этот урок и поделился им. я 1,5 месяца его смотрел и делал, но сделал, все работает )
Молодец, надеюсь ты узнал что-нибудь новое для себя!
@@maximroslow да, много нового, отличный курс, для развития в сторону full-stack!
Спасибо за труд , обычно такое продают на курсах за нехилый оверпрайс
Спасибо за видео!
Кайф, спасибо большое, очень крутой урок!!
Хороший видеоролик, сильный)
Наконец-то!
Круто огонь, единственное посоветовал бы шрифт на 20-30% больше сделать
Спасибо, да, я в следующем уроке принял во внимание, действительно не удобно смотреть, если на маленьких экранах
Большое спасибо!
Відео топ. Дякую👍 все круто і зрозуміло пояснюєте✅
Спасибо!
Докер! Просим докер)
жаль нельзя поставить 10 лайкосов
золото а не видео
Макс, спасибо за контент, жду еще больше таких масштабных проектов.
Подскажи, как можно задеплоить это приложение, чтоб можно было добавить его к себе в портфолио?
Хотелось бы продолжение с Docker
3:37:40 если у Вас подчеркивается type={type} в компоненте CustomButton, в 2024 antDesign убрали стиль ghost. Поэтому, в типах пропсов надо убрать ghost, а в компоненте Header исправить ghost например на default
Пример:
Сотрудники
все отлично, мне очень понравилось, единственное, если немного увеличить размер шрифта, буду рад
Спасибо большое, да, теперь я понимаю, что все смотрят с разных устройств и шрифт нужно было делать большим
Привет, неплохой проект, а современных компаниях используют rtk или обычный редакс?
Проста класс
Макс здарова, давно тебя смотрю, спасибо за труд.
У меня вопрос образовательного характера: таких видео очень много стало на русскоязычном ютубе, а как такие курсы проходить - никто не говорит.
Это круто что ты сделал такое приложение и потратил на него более 7 часов, а вот тем кто учится, как правильно такие курсы проходить? Будет ли профит если тупо брать и повторять за тобой что ты делаешь на видео? У меня просто сомнения по поводу таких видео, т.к. не особо верится в реальную пользу тупого переписывания кода за автором. Есть советы?
Привет, я сам во фронтенд разработке с 2016 года, всегда смотрел видео на ютубе и учился по нему. Читал книги и статьи. Прочитал полностью документацию по реакт. Совет который могу дать, это то что нужно делать самому. Не обязательно то что я показал в этом видео, а просто делать. Делать самому "список дел на реакт", "форма входа" и тд. Код все пишут разный, а результат один - чтобы работало. Нужно научится делать приложения самому используя гугл. Конечно довольно сумбурный ответ, но по-другому не смогу сказать.
Я не делал ничего сам до ютуб канала. Я смотрел канал Traversy Media и повторял за ним. Делал все проекты которые делал он. И потом получил работу. Дело в том, что ютуберы показывают в таких проектах это только верхушка. Просто база. Пусть и большая. На рельных проектах нужно сидеть и разбитаться в ошибках. Пусть и видео 7 часов, но на сам проект я потратил намного больше времени. Потому что при разработке не все идет так, как задумано. Нужно сидеть и вникать в ошибки, смотреть в гугле, пытаться понять, почему именно так, а есть ли другой выход?
Мне всегда было трудно разбираться. Поэтому я избрал путь "смотри все что интересно и повторяй". После того как меня уволили, я сделал 2 проекта по ютубу. Похожего типа.
Первый проект: github.com/brian7346/Faceline
Второй проект: github.com/brian7346/Think-Bigger
Я просто повторял за ними. Но я добавил в каждый из проектов что-то свое. Один проект я сделал с переключением темы с ночной на дневную. А второй проект я делал без Redux, а на React Context, хотя сами видосы были с Redux. Я заставил себя, точнее мне было интересно попробовать сделать такое. И у меня получилось пусть и не сразу. Но именно после этих двух проектов я получил работу мидл разработчика. 2 проета я делал с февраля по август. Да времени много, но я долал все до конца.
Надеюсь я ответил на твой вопрос, на самом деле трудно что-то советовать, потому что у меня у самого не самый прямой путь, но сейчас я работаю, пусть меня и увольняли и я смотрел видосы по ютубу, но это помогло.
Надеюсь и у тебя все получится! Спасибо, что понимаешь, что это труд, делать такие видео
@@maximroslowТраверси последнее время мало что выпускает. Много интересного на фрикодкамп
Просто нужно идти от простого к сложному. Имеет смысл не повторять тупо, а делать осознанно.
Сначала HTML, потом CSS, далее более сложный CSS (переменные, формулы,миксины) Sass.
Далее разбиваете на компоненты, вложения при помощи «импорт». Далее JS - Его прочувствовать нужно. Самое первое - база это геморрой, переменные, функции, массивы, разные методы работы с ним (редьюc, мэп…)
В асинхронные JS пока не лезь, изучай Dom манипуляции ним. Обработчики событий. Далее на ютьюбе есть кучу простеньких кейсов на ванильном JS, типа прогноза погоды, калькулятора, таймера итд
У разных авторов разные подходы и объяснения поэтому лучше сделать несколько. Вот тогда ты будешь готов к реакту или вью (Create React Up, next, vite- можно даже раньше изучать)
Нужно самому писать и разбирать что ты сделал. Если все понятно и осознанно - иди дальше. Если сделал но не понял, почему так- ищи ответ.
Еще полезно выучить GIT /GitHub.
Удачи.
@@maximroslow спасибо за развернутый ответ, жду новые видосы! А я пошел учится)
@@diggerdog001 В целом повторять можно и нужно, поможет набить руку. только не в тупую переписывать а хотябы немного вникнуть что происходит и как это работает. А для такого видео нужен более менее кругозор, т.к. это не туторил по технологиям а проект использующий их, и тогда такой материал поможет понять новое и более легко изучить это.
Если развернуть приложение в Докер - было бы вообще круто!
Автор, спасибо за видео! Очень интересней и подробный материал. Подскажите, пожалуйста, что за тема?
Бесконечно благодарен! Не планируешь снять деплой этого приложения?
Планирую, в процессе
Солидно.
👍👍👍
блин, бро, ты тупа супер - красава, оч все хорошо, просто и понятно, я в первый раз в жизни пишу бэк, до этого писал только фронт, оч хорошо все рассказываешь
если будешь еще че - нить подобное делать, то мб еще пильнешь проект с другой бд, админкой и ролями?
еще раз спасибо!
С другими бд есть проблемы, монго просто так сейчас не поставить, только через докер, это не всем будет понятно. Постгрес или MySql тоже надо дополнительно устанавливать на комп, а по факту все тоже самое. Можно попробовать для обучения сделать другую бд, но думаю это излишне, лишняя трата времени ради того же результата и кого-то это может просто запутать. Честно, у меня нет примеров дого, чтобы использовать в таком маленьком проекте другую бд. Только ради того, чтобы показать, как ее подключить, в остальном все точно так же будет из-за ORM
@@maximroslow не, я имею ввиду прожект побольше, с другой бд, админкой и ролями
Как интернет магаз какой- нить)
Но тебе виднее, в любом случае
@@DenInside Аа, понял, спасибо за рекомендации, можно будет что-то придумать
Рад быть полезным:)
Hello Max ,
I review the video quickly , and its in the top best tutorial that I have seen. could you provide the English translation
Подскажи пожалуйста, можно ли этот проект задеплоить, например, через Версель?
если бы пару лет назад этот урок появился, я бы фронтендом стал
Кто ты воин?
Полностью видео не смотрел, но Access токен лучше хранить в памяти приложения, так безопаснее.
Я храню Refresh токен в http only куках, и всегда при запуске приложения отправляю запрос на получения access токена.
Либо ставить интерцептор и отлавливать 401 ошибку, и при первом запросе на сервер ответ можно отловить, получить токен и все будет круто. Если стоит кеш на токенах, запросы выходят очень шустрые, или если бд не здоровая то тоже шустро все работает.
Предлагаю сделать приложение какое-то интересное,мини онлайн игра или что то веселое
5:26:00 Подскажи плз, установка мидлвары cors не помогает, все равно отправка запроса сопровождается ошибкой net::ERROR_CONNECTION_REFUSED
аналогично, видать зря потратил три дня
А у вас есть репозитории с кодом? Я гляну
Здравствуйте какую библиотеку вы используете для слайдера? Именно в react проектах. А то сложно делать слайдер
Для слайдера можно использовать react-owl-carousel www.npmjs.com/package/react-owl-carousel
Очень полезный и классный урок! Не могу найти момент с кнопкой ВЫЙТИ... Может я не внимательно искал?
Ептт 🎉🎉🎉🎉
Спасибо Макс!!!
Попросили попросить docker - я прошу :) Человек простой...
Докер готовлю)
У нас в компании тоже не юзают put и delete. А методы add и edit были бы объединены в save. Если есть id - то это редактирование записи, если нет - добавление записи.
А как определить модификатор edit it delete?
отличное видео! Видео по деплою этого проекта будет?) Спасибо!)
Деплой только через докер, можно будет попробовать)
@@maximroslow, было бы круто! Спасибо тебе большое
интересно, а конфликтны роуты типа /user/:idd и /user/add это в порядке вещей и никого не волнует?
спасибо за контент! пока ещё целиком не смотрел. бэк на TypeScript тоже?
Нет, бэк на js без типов
@@maximroslow понял! всёравно ты красавчик 🤝
@@serdotsenko Спасибо!
мои остановки (не забыть)
back - 21:28 - API на Express
front - 3:08:36 - Компонент Layout
изменение версии библиотеки - 3:44:14
есть тут hosting , server, backend часть ?
Как пользователя в prisma зарегать, никак не могу решить проблемы - выдает ошибку error: Environment variable not found: DATABASE_URL. Кто сталкивался?
У тебя в env файле нету пути до базы данных. В ошибке написано «Переменная окружения не найдена: DATABASE_URL»
@@maximroslow сделал только что, все равно не робит
Отлично, теперь попробую сделать что то свое. Подскажите, я правильно понимаю что можно сделать сервер отдельно и не запускать на компе? Комп виснет когда одновременно сервер и реакт
Сервер обязан где-то быть. То есть у тебя где-то в интернете(или на твоем компьютере) должен быть работать сервер, который принимает и обрабатывает запросы.
Вот пример который ты можешь использовать, не запуская на своем компьютере ничего: jsonplaceholder.typicode.com/
Там уже есть интерфейс(API) на который ты можешь отправлять запросы не запуская ничего у себя на компьютере
@@maximroslow Спасибо за оперативный ответ! Почитал ваши коментарии под другим видео и нашел там то что искал. Очень полезные видео, сейчас хочу разобраться с компонентами в вашем новом видео, и буду пробовать своё. А можете предсказать, насколько есть смысл углубляться в серверную часть, понимаю что знать надо, но стоит ли тратить время на начальном этапе, или бросить все силы на react
@@orlovwebdev В твоем случае нету смысла. Нужно начать делать самостоятельно. Хоть что-то на react. Если непонятно- гуглить. Это важно в любом деле. Практика это самое лучшее. А ещё лучше, если ты что-то не понимаешь и сам начинаешь копать, разбираться. Работа только из этого и состоит, что постоянно приходится разбираться и искать причины. Поэтому брось силы на реакт. Не надо зубрить и переписывать из интернета. Начни с простого, но самостоятельно. Например вывод текста из инпута в h1. И постепенно усложнять.
Не забывай запускать свой код :) В уме всегда все просто и понятно, а когда начинаешь делать возникают проблемы, которые нужно решить
@@maximroslow Спасибо!
как правильно скачать и запустить проэкт с гитхаба?пытаюсь войти в акк пишет Неизвестная ошибка
D ]Postman в headers почему-то токент barer отображает в виде точек
Выходит ошибка при попытке установить express-generator что делать?
Спасибо, управился за неделю после работы вечерами, в принципе ~ реальные задачи/фичи, для практики доделаю модель компании, гда юзер будет владельцем, название адресс, пагинацию, поиск, фильтры, ну и деплой. Посоветуй как это все задеплоить?
Самое простое создать vps туда поставить node и по гайду сделать:
cra.link/deployment
У нас по сути все есть, это самое простое как сделать
компонент из antd теперь принимает prop ghost=boolean. Можно сделать вывод, что какие-то моменты из видео могли устареть, поэтому необходимо обращаться к документации))
Видео супер, узнал много полезного про frontend и бонусом про backend. Автор просто роняет золото!!
(моментами тишина смущает, приходится перематывать, но это не критично)
у тебя небыло желания развернуть проект в докере и сделать полный деплой? просто хотелось как то до конца этот проект довести
Я уже сделал в последнем видео про рект и деплой через докер и через nginx, было бы не очень интересно смотреть как делать то же самое с этим проектом, поэтому придумал новый проект. Что бы заделоить этот, нужно просто 2 докер файла и собрать каждый. Если интересно, я делаю следующее видео, где будет деплой сервера и фронта через докер.
было бы не плохо)@@maximroslow
3:10:26 - можно использовать готовый тип в React - PropsWithChildren