Fullstack приложение с нуля. MERN-Blog 2022. Mongodb/Express.js/React.js/Node.js

[@postyron1um]

Хочу поблагодарить за такой познавательный контент. Решил посмотреть так как диплом надо было писать, затянуло. Сначала много чего было не понятно, но много потраченных вечеров и вуаля, есть понимание что есть что. Очень хорошо объясняешь, возможно в будущем после диплома когда время будет буду изучать другие технологии по типу next по твоим роликами. Не забрасывай это дело, дай знание людям ❤

[@BakytKashkarbaev]

Это было СИЛЬНО... ! Ты молодец, побольше ещё бы, такого контента.

[@lets_try_js]

есть новый большой курс по nest & react на канале

[@yatsenko_psy]

Огромнейшее спасибо автору ❤️ Безграничная благодарность и признательность 🤗

[@lets_try_js]

Спасибо )

[@MaximZyatnin]

Ура, наконец-то актуальное видео в русскоязычном сегменте! А то или старьё или индус на хиндише 😆 Автор, сделай ещё обзор своего VSCod’а, пжст 🙏🏻☺️

[@VeronikaPetrovna]

дааа очень не хватает обзорчика((

[@ДжейЛоло]

Это видео просто чудо! Как сказал Карлсон: "Друг спас жизнь друга" :) Спасибо за урок, очень помог!

[@lets_try_js]

благодарочка) но если досмотрели этот видос, рекомендую дальше еще посмотреть такой-же мини курс но на технологиях NestJs

[@linarus6090]

молодец, классно объясняешь. По созданию MERN приложения для новичков пока лучшее что я видел

[@lets_try_js]

благодарю

[@фанатпуджа2007]

Сейчас пишу диплом, за основу взял твой блог. Объясняешь все супер понятным языком, за 2.5 часа пока что не было никаких вопросов, ценю твой труд 🤝

[@lets_try_js]

благодарочка) успехов!

[@postyron1um]

Привет, тоже пишу диплом, можешь ли ты мне помочь с некоторыми моментами?

[@фанатпуджа2007]

@@postyron1um что именно?

[@фанатпуджа2007]

забыл сюда ответить, что диплом я защитил на 5 и уже давно получил)

[@lilfazer4456]

Тоже думаю взять как диплом, не было ли вопрос, как защитить данные и как сделать модератора для модерации постов, чтобы не было всякого мусора

[@НастяНекрасова-б6п]

Огромнейшая благодарность автору за проделанную работу!!! Подача и результат восхитительны)

[@lets_try_js]

благодарю))

[@ДмитрийЧернуха-щ5т]

Спасибо, у Вас лучшее объяснение основ стека MERN во всем русскоязычном сегменте YT.

[@lets_try_js]

рад) спасибо)

[@di0k4]

​@@lets_try_js не получается запустить проект, поставил с гита, установил все паки, итог:0. У многих такая проблема, можешь пожалуйста чекнуть проект, и обновить в гите, спасибо большое!

[@PieceOfInternet]

Только начинаю данный ролик. Но чувствую это именно то что мне нужно. Лайк и подписка

[@AhmaWeb]

ну как тебе ролик в итоге?

[@КириллСемендяев-о5о]

Большое Спасибо! Это был огромный вклад в мой диплом. Только как БД использовал postgreSQL, sequelize ORM , поэтому многие методы писал иначе. Каналу желаю продвижения а автору светлых идей, энергии и сил для создания подобного контента! Очень ценил все обьясняния и углубления в детали в течении всего этого видео

[@АлексДан-ш2к]

Ну что сказать, Ты Мой Друг, просто Бомбическую Работу проделал 🤗Спасибо от Души 😊

[@lets_try_js]

Благодарочка )

[@АлексДан-ш2к]

@@lets_try_js вопросик вот тестирую в Инсомнии на Логин(вход) и почему-то выбивает ошибку (ошибка при авторизации) не могу понять код такой же как на гайде (юзер пароль всё в базе есть если меняю юзера пароль оставляю пишет проверьте юзера меняю пароль пишет проверьте пароль) :(

[@sergls3528]

Спасибо, Роман! Отличный проект и очень хорошие, подробные объяснения! Очень много полезного узнал) Лайк и подписка! Не сбавляйте темп)

[@ДанилаГришанов-ж1э]

Спасибо! Отличная практика по MERN

[@vovndk]

Привет, ты очень крутой, смотрю тебя и повторяю за тобой, спасибо большое за то, что предоставляешь знания начинающим разработчикам, хочу пожелать тебе дальнейших успехов в карьере. Так же хотел тебе посоветовать создать тг-чат для подписчиков, просто чтобы анонсировать новые видосы например и для общения между подписчиками)

[@lets_try_js]

привет! спасибо) думал про ТГ, но не придумал что туда можно регулярно постить

[@pavelche9318]

Спасибо за контент друг! Очень крутая подача и материал!

[@lets_try_js]

благодарю)

[@c4973]

Очень круто! Легкая подача! Спасибо за труд! Давай ещё!

[@lets_try_js]

Благодарю )

[@alex45779]

СПАСИБО ОГРОМНОЕ!!!! УРОК ПРОХОДИТСЯ ЛЕГКО И ПРИЯТНО, ХОТЯ ТЕМА И ТРУДНАЯ ПОКА ДЛЯ МЕНЯ..... И самое ценное - это когда происходит творчество кодирования без преукрашивания, а как есть, потому что работа над поиском и исправлением неточностей не умаляет мастерство программиста, а показывает его понимание порядка работы с кодом и уверенность в себе. Самое интересное в работе мастера - как он мыслит в критических ситуациях.....

[@videoX6]

Супер видео! Максимально доходчиво объясняешь! Спасибо большое! ))

[@lets_try_js]

Благодарочка)

[@gladiatorrussia]

Урок отличный, спасибо большое

[@НикЛ-н7е]

Потратил 9 часов на освоение 1.41 часа...идём дальше!

[@lets_try_js]

зато детально! круто)

[@ДанилДмитриев-я5м]

Как успехи

[@stasonsv52]

Хорошое начало. Только начал смотреть.

[@elizaarzanukaeva1825]

ПРИВЕТ. Очень хороший урок и подача материала. Я Вам очень благодарна. Спасибо!!!

[@lets_try_js]

благодарю)

[@Deathik]

Из верстальщика в фуллстек. Вот это прогресс)

[@lets_try_js]

просто последнее время я занимался именно версткой, а вообще я изначально не был просто верстальщиком)

[@makspakstaks]

Среди хороших фулстеков вы с трудом найдете того кто и верстать умеет ) Это редкость

[@__kawaii]

@@makspakstaks Думаю базовую верстку сделает любой фулстек

[@noexcuses7622]

Мужик!!! Ты лучший!!!!!!!! Спасибо тебе за проделанную работу!)))

[@lets_try_js]

благодарочка)

[@dmitriydmitriy9621]

Большое спасибо за урок!

[@fantast2568]

Супер, молодец, продолжай!

[@АртемМеркушин-и6ч]

Годный контент, много полезного и понятно объясняешь, спасибо!!!

[@lets_try_js]

благодарочка!

[@illia_kozachenko]

Ого, 6 часов... так, завтра начинаю смотреть, посмотрим за сколько осилю. Обычно времени на повторение за видосом у меня занимает один к трём.

[@lets_try_js]

успехов)

[@illia_kozachenko]

​@@lets_try_js Я досмотрел! 🥳🥳🥳 До твоего видео начинал смотреть похожий туториал от Travercy, но его так и не осилил. Он там показывает всё более правильный подход, но и соответственно менее доступно для начинающих. Данное видео - первые 2 часа я держался, создал проект и работал параллельно (в среднем проходил 40 минут видео в день). На третьем часу видео, все файлы в голове уже перемешались, пугает/напрягает объем данных которые нужно держать в голове🤯. Последние 1,5 часа уже просмотрел смотрел видос😄, благо там принцип работы сохраняется. Спасибо за крутой контент! п.с. Реальные проекты намного сложнее? или примерно на том же уровне, но просто больше файлов и кода?

[@lets_try_js]

@@illia_kozachenko в реальных проектах технологий используется куда больше, чем использовал я

[@zhakshylykkozhobekov8683]

какой же крутой курс. оочень хорошо объясняете. спасибо за урок

[@lets_try_js]

спасибо за фидбек!

[@НикитаАндреев-д1я]

Как всегда топово!

[@greiner.1]

Классный контент! Спасибо

[@lets_try_js]

благодарю)

[@Дима-я1н4л]

спасибо тебе большое за такой классный и полезный контент 😊

[@ilyxxxa4523]

Круто! Продолжай снимай такие видосы !

[@romankonova1ov]

Очень интересный материал!

[@4sARy]

Для получения постов пользователя можно было бы использовать путь posts/:userId и выводить по id юзера. Не пришлось бы отдельно под авторизованного пользователя находить посты.

[@SerJAgheev]

Спасибо за урок, Cделай ещё одно видео с улучшением этого проекта.

[@sergeyshcherbina1648]

Очень крутой ролик!!! Спасибо!!!

[@lets_try_js]

благодарю)

[@salvadorvdali6339]

После установки create -react-app и очистки нового проекта , будьте внимательны с импортами , сам случайно удалил из файла index.js import './index.css'. Из-за этого не были видны стили и не работали стили tailwindCss😒😒😔Долго искал причину почему не подключался tailwind🙄 Оставлю на заметку мало ли кто впервые устанавливает tailwindCss в React.

[@Kvaziboba]

Спасибо большое за видео.Смотрел несколько дней и при просмотре начал больше понимать вообще структуру создания приложения.А про повторение за тобой я вообще молчу .Ты очень классно объясняешь, единственное я думаю что для лучшего понимания аудитории было бы классно с перерывами делать приожение т.е было заметно что в некоторых моментах ты не объяснял не рассказывал и не показывал т.к заебался уже.Выражаю благодарность за труд

[@Kvaziboba]

Жду следующего проекта

[@Kvaziboba]

Советую кстати перед просмотром посмотреть другое видео на канале про Redux Toolkit. Будет намного понятнее что происходит

[@giorgikupreishvili1155]

Привет! Супер чел. респект :)

[@SNSDfOu]

спасибо брат полезное видео, Ауф

[@SNSDfOu]

досмотрел до 2:19:35 в хуке useSelector, если выводить в консоль статус приходит Null, регистрация не производится, выводится ошибка дальше уже дрючить бесполезно)

[@дэрафдэраф]

Огонь давай Больше React

[@fesenkoas]

А когда деплои покажешь серверной части ???

[@yourdady]

У меня у одного в слайсерах просит builder?

[@lets_try_js]

это после обновления так. теперь тот способ что в видео не актуален, нужно через билдер

[@postyron1um]

@@lets_try_js а можете подсказать как это будет выглядеть с билдером

[@postyron1um]

@@lets_try_js нашел ответ ниже кому нужно будет то вот extraReducers: (builder) => { builder .addCase(registerUser.pending, (state) => { state.isLoading = true; state.status = null; }) .addCase(registerUser.fulfilled, (state, action) => { state.isLoading = false; state.status = action.payload.message; state.user = action.payload.user; state.token = action.payload.token; }) .addCase(registerUser.rejected, (state, action) => { state.status = action.payload.message; state.isLoading = false; }) }

[@baktiyarberdykhan245]

@@postyron1um куда нужно вставить этот код, подскажите пожалуйста

[@baktiyarberdykhan245]

слайсер, это какой файл?

[@flowebs]

На классные каналы подписан: Nexta, Популярная политика, Фейгин))

[@vlheikke5079]

Спасибо за видео

[@salvadorvdali6339]

Бро, какая у тебя тема в Vs Code?

[@MrColins710]

круто, корисно, дякую

[@alexey-pd4ex]

Добрый день, спасибо за урок! не подскажете ваш плагин для цвета в vscode, beautiful пишет что уже устарел и не поддерживается(((

[@Blenberg]

Привет. Спасибо за ролик. Можешь снять видео как добавить несколько фоток.multi file upload

[@lolashepota4050]

Well done!!! 👌❤

[@nursultanbolotuulu1932]

спасибо большое за ваш труд. сделайте больше про бекэнд пожалуста. поддержите чтоб автор увидел

[@ЯрославЯнович-т6у]

А вот такой вопрос насчет 1:08:52. Зачем нам парсить строку с Bearer, если можно по сути просто отправить токен без приписки Bearer, ведь когда мы его генерируем при логине, он без этой приписки. Потом мы из логина его берем, и когда делаем запросы на приватные роуты, мы зачем-то добавляем этот Bearer, чтобы потом просто его убрать.

[@lets_try_js]

в двух словах не объяснить( но если в целом, воспринимайте это как "хороший тон" и так принято делать)

[@ЯрославЯнович-т6у]

@@lets_try_js хорошо, спасибо за ответ

[@dimaxMedia]

Спасибо за такой курс, очень хочется полный рабочий сайт электронной коммерции

[@lets_try_js]

такого скорее всего не будет в ближайшее время, очень не люблю все, что связанно с eCommerce и тому подобное

[@andreygoryachev3950]

Спасибо огромное!!! 👍 Видео очень помогает разобраться с MERN. Подскажи пожалуйста, что надо изменить чтобы на ГЛАВНОЙ странице посты выводились с их комментариями?

[@lets_try_js]

Делать запрос на получение постов и делать запрос на получение комментариев ) я не помню уже как там у меня было просто

[@userUndefinedErrors]

АУФ!😆

[@michaelveselov589]

Добрый день, Роман! Большое спасибо за Ваш труд. Подскажите пожалуйста, зачем в функции getMe создается токен? Ведь токен на этом этапе уже существует. А для сопоставления, например, поста и автора, нам токен не нужен. И второй вопрос: в каком месте мы проверяем, валиден ли еще существующий токен, или срок его действия уже истек? Заранее признателен, Михаил

[@freddyfly852]

Спасибо!

[@vladprodan7010]

Клас! Подскажите какой у вас шрифт?

[@lets_try_js]

JetBrains Mono

[@__kawaii]

Спасибо за ролик. было интересно. Только один вопрос: а разве Експресс еще актуален?

[@victormog]

Стандарт де-факто... Но можешь использовать *http* модуль Node.js...

[@lets_try_js]

а почему нет ? более чем

[@codegorian6057]

спасибо большое за ваш труд. сделайте больше про бекэнд пожалуста.

[@lets_try_js]

Только закончил выпускать

[@yourdady]

Как мне использовать данные из post например view в react-chartjs-2?

[@romanshell5740]

Спасибо.

[@losylos]

hi sir thank for this amazing tutorial i have learned a lot thank you again

[@lets_try_js]

Oh, thank you for the feedback! good luck, bro

[@d_r_robot]

Найс, спасибо!

[@sVaism]

Новые видосы про версту с апворка будут?

[@lets_try_js]

возможно на след неделе что-то попадется и запишу

[@thesweetlife843]

Круто !

[@AntonioBenderas]

Вот это да!!!

[@di0k4]

Проблемы с загрузкой картинки

[@Курманский]

А как сервак выложить на heroku или другие хостинге подскажи)

[@FaRMaXiMuS]

11:53 - в третьей строке пока не написал "Express" с большой буквы - не завелось

[@jamjam3337]

👏👍

[@beksultane2456]

АУФ !

[@photo_adamant0902-x8x]

а как добавлять роли юзера, к примеру чтобы заходили туда, маркетологи, менеджеры, и чтобы админ давал им доступ к системе????

[@MrColins710]

створити відповідні ролі при реєстрації користувача на фронті. При реєстрації записувати в базу додаткове поле ролі. На фронті перевіряти під якою роллю авторизувався користувач. Це якщо спрощено пояснювати

[@VN1337]

Не понимаю откуда стока знаний сижу на курсе 4 ничем не обучают все самому , жесть но интересно

[@postyron1um]

такая же ситуация. диплом начал писать?

[@VN1337]

да еще не успел натив выучить @@postyron1um

[@postyron1um]

@@VN1337 а я пишу не для мобилы, просто на реакте, учу и одновременно диплом пытаюсь делать

[@VN1337]

@@postyron1um ну сначала натив js мне сказали выучить потом react и можно на ts я тоже и диплом и натив учу

[@Serhii_lolovich]

а в реальных проектах тоже веб сервер "express" используют?

[@СемёнПапин-р9к]

Этот фреймворк используется. Хоть и критикуется за мидлвары

[@IrynaTolkachova]

Благодарю, что поделились. Тот момент, когда увидела и захотелось попробовать. В результате сделала это приложение и все работает! Но вышла проблема с деплоем, на живой старнице только цвет отображается.-(( Могли бы подсказать нужно ли делать деплой папки сервер или как правильно задеплоить? Благодарю еще раз.

[@lets_try_js]

я думаю вам стоит поискать как задеплоить MERN приложение. у меня на канале такого ролика нет, а в двух словах это не рассказать

[@IrynaTolkachova]

@@lets_try_js Уже отбой, уже разобралась и деплой сделала.:)) Только надо еще на облачное хранилище залить. Поняла, что если долго мучиться, то обязательно получится.:))

[@lets_try_js]

@@IrynaTolkachova это сто процентов))

[@kot3st859]

Йоу,можешь выложить видео как запустить проект локально, а то не получается, на курсач надо :(

[@guacapon]

как у вас всех монго запускается?

[@XxaosensGame]

У меня при обновлении страницы выкидывает из аккаунта + при нажатии кнопки выйти с аккаунта выкидывает но странница продолжает работать так же как при авторизации. Не подскажите где я мог допустить ошибку ??

[@di0k4]

Нашел ошибку?

[@di0k4]

@xxaosens6465 ?

[@armenbaghdasaryan5800]

Спасибо тебе башое

[@AleksandrNeo]

Привет! Спасибо за видео! Хотел уточнить, возможно ли тут поменять схему редактирования поста и сделать полноценный редактор, что-то наподобие react-quill ?

[@lets_try_js]

Конечно) дописываешь функционал и вуаля))

[@hookeym7151]

А что дальше то делать? После того как выучил на изусть код с видео?

[@lets_try_js]

ну так нужно не учить наизусть код, а разобраться и сесть написать потом что-то свое на этих знаниях

[@krypton5204]

а на кой ты наизусть его учишь? тебе надо на основе этого кода, делать что то свое, со своим функционалом. Команды выучить и пёс может)

[@natigagharzayev3936]

Привет, курс супер, как можно реализовать лайки на посты? Я думаю типа хранить все лайки определенного пользователя и при рендере подставлять лайки на посты каждый раз. Но есть ли правильный путь решения?

[@lets_try_js]

так вроде я это делал в этом видео

[@natigagharzayev3936]

@@lets_try_js Привет, посмотрел всё видео. Ты имеешь ввиду, что лайки делаются так, как делаются комменты?

[@ЯрославЯнович-т6у]

А как сделать в вс коде такой курсор моргающий?) И что за шрифт у тебя, не подскажешь?

[@lets_try_js]

шрифт jet brains mono, а про курсор есть ролик на канале, полистай вниз он там на 2 минуты

[@ЯрославЯнович-т6у]

@@lets_try_js спасибо большое)

[@boburmustafo]

спасибо

[@semtrip]

Классное видео, но вот столкyуля с проблемой, подобной реализации авторизации с next.js вместо react. При перезагрузке страницы, в сторе все null, и он поэтому не видит авторизацию. Хотя при авторизации и просто переходе на страницу все четко.

[@crn05]

Автор, спасибо за классное видео. Я одного не пойму, неужели, чтобы зарегистрироваться/залогиниться нужно пройти всю эту свистопляску? Неужели нет более простого способа как это все сделать?

[@lets_try_js]

это и есть самый простой способ, увы) и даже этот способ - это база. он далеко не идеален и в реальности все немного сложнее)

[@crn05]

@@lets_try_js я другие материалы просматривал, там вообще все непонятно) единственный момент, у меня слетает авторизация при обновлении приложения и перебрасывается на страницу логина, это у меня где ошибка в коде, или так должно быть?

[@lets_try_js]

@@crn05 это уже на фронте нужно искать проблему)

[@BROV1]

странно, на login нотификации не высвечиваются

[@giyosiddinshokirov1303]

auth -- ауз

[@alexcerebrum5655]

а как задеплоить такой проект?

[@lets_try_js]

есть видео на канале как задеплоить такой проект, посмотрите на канале, ссылку не скину

[@ArmTool]

При перезагрузке авторизация не сохраняется, выкидывает. В чем может быть причина ? Никто не сталкивался ? Хотя токен в локал стородж есть

[@NataliaKozlovska-l4g]

У меня та же самая проблема, пока не знаю как решить

[@gladiatorrussia]

У меня проблема с process.env, когда вставляешь константы приложение не запускается, а если вручную самому то все работает. У кого-нибудь была такая проблема?

[@olegvoskovets4309]

cкоріше за все перед env файлом повинна бути крапка , тобто .env

[@КундузРахат]

Спасибо за видео. Можете подсказать , почему при деплое , не отображаются картинки. Буду рада за ваш ответ

[@lets_try_js]

много причин может быть)) проверяйте в первую очередь пути к картинкам

[@jonyonee]

какой у тебя шрифт в vscode и ее размер ?

[@lets_try_js]

размер не помню, а шрифт JetBrains Mono

[@jonyonee]

@@lets_try_js глянь пожалуйста когда будет время буду благодарен)

[@kantulaev]

@@jonyonee 13 и 1.2 расстояние от джетбоейнс совет

[@jonyonee]

@@kantulaev ну это дефолт, у него явно не 13 font size

[@karoche-tv]

Столько много кода все усложняет процесс и самого программиста. На рнр легче делатется за 1час.

[@lets_try_js]

может быть и так

[@karoche-tv]

@@lets_try_js но я перешел на реакт

[@akinchitb2]

Молодец

[@MaYa-is1zl]

При создании комментария, предыдущие исчезают, остается только что созданный коммент. Когда перезагружаю страницу все становится на места. Как решить эту проблему?

[@Sellkon]

Решили проблему?

[@шейд]

Помогите 🆘 Если я вывожу в консоль isAuth, то выводит сначала false, а потом true. usestrict выключен.