Хочу поблагодарить за такой познавательный контент. Решил посмотреть так как диплом надо было писать, затянуло. Сначала много чего было не понятно, но много потраченных вечеров и вуаля, есть понимание что есть что. Очень хорошо объясняешь, возможно в будущем после диплома когда время будет буду изучать другие технологии по типу next по твоим роликами. Не забрасывай это дело, дай знание людям ❤
Большое Спасибо! Это был огромный вклад в мой диплом. Только как БД использовал postgreSQL, sequelize ORM , поэтому многие методы писал иначе. Каналу желаю продвижения а автору светлых идей, энергии и сил для создания подобного контента! Очень ценил все обьясняния и углубления в детали в течении всего этого видео
@@lets_try_js не получается запустить проект, поставил с гита, установил все паки, итог:0. У многих такая проблема, можешь пожалуйста чекнуть проект, и обновить в гите, спасибо большое!
@@lets_try_js вопросик вот тестирую в Инсомнии на Логин(вход) и почему-то выбивает ошибку (ошибка при авторизации) не могу понять код такой же как на гайде (юзер пароль всё в базе есть если меняю юзера пароль оставляю пишет проверьте юзера меняю пароль пишет проверьте пароль) :(
СПАСИБО ОГРОМНОЕ!!!! УРОК ПРОХОДИТСЯ ЛЕГКО И ПРИЯТНО, ХОТЯ ТЕМА И ТРУДНАЯ ПОКА ДЛЯ МЕНЯ..... И самое ценное - это когда происходит творчество кодирования без преукрашивания, а как есть, потому что работа над поиском и исправлением неточностей не умаляет мастерство программиста, а показывает его понимание порядка работы с кодом и уверенность в себе. Самое интересное в работе мастера - как он мыслит в критических ситуациях.....
Привет, ты очень крутой, смотрю тебя и повторяю за тобой, спасибо большое за то, что предоставляешь знания начинающим разработчикам, хочу пожелать тебе дальнейших успехов в карьере. Так же хотел тебе посоветовать создать тг-чат для подписчиков, просто чтобы анонсировать новые видосы например и для общения между подписчиками)
@@lets_try_js Я досмотрел! 🥳🥳🥳 До твоего видео начинал смотреть похожий туториал от Travercy, но его так и не осилил. Он там показывает всё более правильный подход, но и соответственно менее доступно для начинающих. Данное видео - первые 2 часа я держался, создал проект и работал параллельно (в среднем проходил 40 минут видео в день). На третьем часу видео, все файлы в голове уже перемешались, пугает/напрягает объем данных которые нужно держать в голове🤯. Последние 1,5 часа уже просмотрел смотрел видос😄, благо там принцип работы сохраняется. Спасибо за крутой контент! п.с. Реальные проекты намного сложнее? или примерно на том же уровне, но просто больше файлов и кода?
После установки create -react-app и очистки нового проекта , будьте внимательны с импортами , сам случайно удалил из файла index.js import './index.css'. Из-за этого не были видны стили и не работали стили tailwindCss😒😒😔Долго искал причину почему не подключался tailwind🙄 Оставлю на заметку мало ли кто впервые устанавливает tailwindCss в React.
Для получения постов пользователя можно было бы использовать путь posts/:userId и выводить по id юзера. Не пришлось бы отдельно под авторизованного пользователя находить посты.
Спасибо большое за видео.Смотрел несколько дней и при просмотре начал больше понимать вообще структуру создания приложения.А про повторение за тобой я вообще молчу .Ты очень классно объясняешь, единственное я думаю что для лучшего понимания аудитории было бы классно с перерывами делать приожение т.е было заметно что в некоторых моментах ты не объяснял не рассказывал и не показывал т.к заебался уже.Выражаю благодарность за труд
3:26:01 не получается добавить пост, хотя картинки грузятся в папку upload на сервак, post запрос уходит без ошибок, переписал экстра редусеры таким образом, буду благодарен кто подскажет в чем дело extraReducers: (builder) => { builder .addCase(createPost.pending, (state) => { state.loading = true; }) .addCase(createPost.fulfilled, (state, action) => { state.loading = false; state.posts.push(action.payload); }) .addCase(createPost.rejected, (state, action) => { state.loading = false; })
У меня при обновлении страницы выкидывает из аккаунта + при нажатии кнопки выйти с аккаунта выкидывает но странница продолжает работать так же как при авторизации. Не подскажите где я мог допустить ошибку ??
А вот такой вопрос насчет 1:08:52. Зачем нам парсить строку с Bearer, если можно по сути просто отправить токен без приписки Bearer, ведь когда мы его генерируем при логине, он без этой приписки. Потом мы из логина его берем, и когда делаем запросы на приватные роуты, мы зачем-то добавляем этот Bearer, чтобы потом просто его убрать.
Урок интересный для понимания что и как работает а так для простых постов приложение написано как будто сбербанк))), я имею ввиду бекенд фронтенд очень много запросов , можно все тоже самое используя только реакт и как базу firebase
досмотрел до 2:19:35 в хуке useSelector, если выводить в консоль статус приходит Null, регистрация не производится, выводится ошибка дальше уже дрючить бесполезно)
створити відповідні ролі при реєстрації користувача на фронті. При реєстрації записувати в базу додаткове поле ролі. На фронті перевіряти під якою роллю авторизувався користувач. Це якщо спрощено пояснювати
Спасибо огромное!!! 👍 Видео очень помогает разобраться с MERN. Подскажи пожалуйста, что надо изменить чтобы на ГЛАВНОЙ странице посты выводились с их комментариями?
У меня проблема с process.env, когда вставляешь константы приложение не запускается, а если вручную самому то все работает. У кого-нибудь была такая проблема?
Привет, кто подскажет ,почему у меня переменные которые из .env до async function start() нормально в консоль выводиться,а в функции их не видно и сервер не стартует, ругается на ошибки. Все установил как нужно. Вот если в ручную прописываю имя .пароль. порт все работает. UPD -- проблема была в авто - сохранение, дописывало " ; " в файле " .env "
Почему то при перезагрузке страницы выходит из системы. И при входе через логин не вылазит сообщение что вы вошли. И если вводишь неправильно пароль, то тоже почему то не вылазит сообщение. Хотя оно приходит с бэкенда. Так же если пытаешься залогиниться юзером которого нету, с бэкэнда приходит сообщение, но toast не показывает сообщение. Как это можно пофиксить? Почему то status: null не меняется на сообщение которое приходит с бэка
Не знаю актуально или нет, но дело в том, что есть два AsyncThunks с одинаковым typePrefix. loginUser = createAsyncThunk('auth/loginUser', ... и getMe = createAsyncThunk('auth/loginUser', ... Нужно изменить: export const getMe = createAsyncThunk('auth/getMe',
Добрый день, Роман! Большое спасибо за Ваш труд. Подскажите пожалуйста, зачем в функции getMe создается токен? Ведь токен на этом этапе уже существует. А для сопоставления, например, поста и автора, нам токен не нужен. И второй вопрос: в каком месте мы проверяем, валиден ли еще существующий токен, или срок его действия уже истек? Заранее признателен, Михаил
Здравствуйте, хотел задать вопрос. Какой вариант используется в продакшне: 1) Сервер отправляет html документ используя шаблонизатор в зависимости от url 2) переключение по страницам осуществляется на фронтенде, фронтенд использует fetch или axios, а бэкэнд отправляет только json. Или может при отправке главной страницы единожды бэкэнд отправляет html, а дальше json
В большинстве случаев для работы с данными в React применяется второй вариант: переключение по страницам осуществляется на фронтенде, фронтенд использует fetch и/или axios, а бэкэнд отправляет только JSON. Это подход называют Single Page Application (SPA). При использовании этого подхода, когда пользователь открывает приложение, сервер отправляет только основной HTML и JavaScript файлы. После этого все остальные данные загружаются динамически с помощью AJAX запросов к серверу. Это позволяет ускорить время загрузки первой страницы и делает приложение более отзывчивым.
Привет! Спасибо за видео! Хотел уточнить, возможно ли тут поменять схему редактирования поста и сделать полноценный редактор, что-то наподобие react-quill ?
РЕШЕНО. Делюсь с теми, кто столкнулся с моими проблемами с загрузкой npx create-react-app (Клиентская часть).Смотреть ранний пост. Нужно Сделать следуюшее: 1. Нужно Выйти на самый верхний уровень не создавая папку client, и только после этого набрать команду npx create-react-app.(без точки) Мой пример на WebStorm: PS E:\Boyare> npx create-react-app client Как у Автора: 1.cd client 2.npx create-react-app у меня не срабатывала! Важно. При слабом сигнале загрузки все сбрасывается. Начинать сначала. Автору моё Почтение и Уважение...
привет, не подскажешь как это реализовать, у меня есть форма в которую пользователь вводит данные и отправляет на сервер, после того как пользователь нажал на кнопку отправить он должен увидеть страницу загрузки, как только данные обработанны ему возвращается следующая html страница с самими данными?
Классное видео, но вот столкyуля с проблемой, подобной реализации авторизации с next.js вместо react. При перезагрузке страницы, в сторе все null, и он поэтому не видит авторизацию. Хотя при авторизации и просто переходе на страницу все четко.
Благодарю, что поделились. Тот момент, когда увидела и захотелось попробовать. В результате сделала это приложение и все работает! Но вышла проблема с деплоем, на живой старнице только цвет отображается.-(( Могли бы подсказать нужно ли делать деплой папки сервер или как правильно задеплоить? Благодарю еще раз.
@@lets_try_js Уже отбой, уже разобралась и деплой сделала.:)) Только надо еще на облачное хранилище залить. Поняла, что если долго мучиться, то обязательно получится.:))
При создании комментария, предыдущие исчезают, остается только что созданный коммент. Когда перезагружаю страницу все становится на места. Как решить эту проблему?
@@true227да, все верно, под капотом express, но я бы не сказал что нужны знания его, что бы начинать nest ) у меня был недавно практический курс по nest на канале
привет, слушай я не понимаю как работает axios, если он подключается как клиент, то при использовании localhost, удаленное подключение из вне ( с другой сети) так же делает запрос к api по адресу с localhost, как ему показать что бы он обращался к api удаленной сети? написать внешний адрес и сделать проброс портов не особо помогло, точнее помогло но теперь он естественно не работает в локальной сети), сколько искал ниче подобного не нашел((((
Якщо у вас виникла ось така помилка: TypeError: Cannot read properties of undefined (reading 'cancelToken') то ось рішення у файлі axios.js: instance.interceptors.request.use((config) => { config.headers['Authorization'] = `Bearer ${localStorage.getItem('token')}`; return config; }, error => { return Promise.reject(error); } ); замість минулого запису
Привет а будет деплой? Я просто делал похожее приложение и у меня сервер на хероку, и папка для хранения файлов там походу не работает с клиентом, потом что клиент говорит что нету таких файлов по пути на сервере . В чем проблема?
У меня есть вопросы на счет удаления поста, ты в стейте фильтруешь массив с той ид, которая прилетает с action .payload , но там нет ничего, в пейлоаде только строка message: "пост удален" Как это так работает? почему оно правильно фильтрирует, хотя не должно было, потому что _id = undefined
Привет, курс супер, как можно реализовать лайки на посты? Я думаю типа хранить все лайки определенного пользователя и при рендере подставлять лайки на посты каждый раз. Но есть ли правильный путь решения?
Почему, если создаётся или редактируется большой пост, особенно с картинкой, то он не успевает обновиться в базе, выполняется переход на страницу постов, а там подгружаются еще не обновлённые данные из БД. Как можно решить эту проблему?
А сможете подсказать тута refresh токен есть? Блин так хочу понятный курс с refresh токеном(( Я аж запутался ulbi tv смотрел но он так заморочено говорил что пока что нифига не понял...(
@@lets_try_js печалька, а будет? в след уроках?)) а так ваще ролик топ!!! я щас делаю повторяю за тобой но только я меняю что то типа добавлю телефон и fullName + имэил хочу прикрутить активацию по почте)) не знаю как выйдет но надеюсь обычным прикручиванием мидлвэйром))
@@lets_try_js конечно изв за много вопросов а в курсе твоём последнем nest js там тоже для начинающих да? ну типа тоже без активации почты?) Если да то это хорошо)) nest js то я не знаю) но если будет у тя время то сможешь сделать express с refresh и c почтой а то мало челов таких кто снимает про продвинутый express ) И ещё, если захочешь ответить то ты где то работаешь? просто с такими знаниями можно и джуном устроиться) или ты мидл...?
@@NayroTV по порядку) 1) Nest тоже для начинающих 2) с express после nest.js у меня если честно нет желания работать)))) 3) я не работаю в компании, я работаю на фрилансе
![Обзор мини курса по Fullstack разработке: NestJS, ReactJs, PostgreSQL,TypeScript 2023. [eng subs]](http://i.ytimg.com/vi/VN7mUuPfeXc/mqdefault.jpg)
![Обзор мини курса по Fullstack разработке: NestJS, ReactJs, PostgreSQL,TypeScript 2023. [eng subs]](/img/tr.png)
Это было СИЛЬНО... ! Ты молодец, побольше ещё бы, такого контента.
есть новый большой курс по nest & react на канале
Хочу поблагодарить за такой познавательный контент. Решил посмотреть так как диплом надо было писать, затянуло. Сначала много чего было не понятно, но много потраченных вечеров и вуаля, есть понимание что есть что. Очень хорошо объясняешь, возможно в будущем после диплома когда время будет буду изучать другие технологии по типу next по твоим роликами. Не забрасывай это дело, дай знание людям ❤
Сейчас пишу диплом, за основу взял твой блог. Объясняешь все супер понятным языком, за 2.5 часа пока что не было никаких вопросов, ценю твой труд 🤝
благодарочка) успехов!
Привет, тоже пишу диплом, можешь ли ты мне помочь с некоторыми моментами?
@@postyron1um что именно?
забыл сюда ответить, что диплом я защитил на 5 и уже давно получил)
Тоже думаю взять как диплом, не было ли вопрос, как защитить данные и как сделать модератора для модерации постов, чтобы не было всякого мусора
молодец, классно объясняешь. По созданию MERN приложения для новичков пока лучшее что я видел
благодарю
Это видео просто чудо!
Как сказал Карлсон: "Друг спас жизнь друга" :)
Спасибо за урок, очень помог!
благодарочка) но если досмотрели этот видос, рекомендую дальше еще посмотреть такой-же мини курс но на технологиях NestJs
Большое Спасибо! Это был огромный вклад в мой диплом. Только как БД использовал postgreSQL, sequelize ORM , поэтому многие методы писал иначе. Каналу желаю продвижения а автору светлых идей, энергии и сил для создания подобного контента! Очень ценил все обьясняния и углубления в детали в течении всего этого видео
Спасибо, Роман! Отличный проект и очень хорошие, подробные объяснения! Очень много полезного узнал) Лайк и подписка! Не сбавляйте темп)
Огромнейшее спасибо автору ❤️ Безграничная благодарность и признательность 🤗
Спасибо )
Спасибо, у Вас лучшее объяснение основ стека MERN во всем русскоязычном сегменте YT.
рад) спасибо)
@@lets_try_js не получается запустить проект, поставил с гита, установил все паки, итог:0. У многих такая проблема, можешь пожалуйста чекнуть проект, и обновить в гите, спасибо большое!
Огромнейшая благодарность автору за проделанную работу!!! Подача и результат восхитительны)
благодарю))
Ура, наконец-то актуальное видео в русскоязычном сегменте! А то или старьё или индус на хиндише 😆
Автор, сделай ещё обзор своего VSCod’а, пжст 🙏🏻☺️
дааа очень не хватает обзорчика((
Ну что сказать, Ты Мой Друг, просто Бомбическую Работу проделал 🤗Спасибо от Души 😊
Благодарочка )
@@lets_try_js вопросик вот тестирую в Инсомнии на Логин(вход) и почему-то выбивает ошибку (ошибка при авторизации) не могу понять код такой же как на гайде (юзер пароль всё в базе есть если меняю юзера пароль оставляю пишет проверьте юзера меняю пароль пишет проверьте пароль) :(
Только начинаю данный ролик. Но чувствую это именно то что мне нужно. Лайк и подписка
СПАСИБО ОГРОМНОЕ!!!! УРОК ПРОХОДИТСЯ ЛЕГКО И ПРИЯТНО, ХОТЯ ТЕМА И ТРУДНАЯ ПОКА ДЛЯ МЕНЯ..... И самое ценное - это когда происходит творчество кодирования без преукрашивания, а как есть, потому что работа над поиском и исправлением неточностей не умаляет мастерство программиста, а показывает его понимание порядка работы с кодом и уверенность в себе. Самое интересное в работе мастера - как он мыслит в критических ситуациях.....
Привет, ты очень крутой, смотрю тебя и повторяю за тобой, спасибо большое за то, что предоставляешь знания начинающим разработчикам, хочу пожелать тебе дальнейших успехов в карьере. Так же хотел тебе посоветовать создать тг-чат для подписчиков, просто чтобы анонсировать новые видосы например и для общения между подписчиками)
привет!
спасибо)
думал про ТГ, но не придумал что туда можно регулярно постить
Потратил 9 часов на освоение 1.41 часа...идём дальше!
зато детально! круто)
Как успехи
Спасибо! Отличная практика по MERN
Спасибо за контент друг! Очень крутая подача и материал!
благодарю)
ПРИВЕТ.
Очень хороший урок и подача материала. Я Вам очень благодарна.
Спасибо!!!
благодарю)
Супер видео! Максимально доходчиво объясняешь! Спасибо большое! ))
Благодарочка)
Очень круто! Легкая подача! Спасибо за труд! Давай ещё!
Благодарю )
Урок отличный, спасибо большое
Ого, 6 часов... так, завтра начинаю смотреть, посмотрим за сколько осилю. Обычно времени на повторение за видосом у меня занимает один к трём.
успехов)
@@lets_try_js Я досмотрел! 🥳🥳🥳 До твоего видео начинал смотреть похожий туториал от Travercy, но его так и не осилил. Он там показывает всё более правильный подход, но и соответственно менее доступно для начинающих. Данное видео - первые 2 часа я держался, создал проект и работал параллельно (в среднем проходил 40 минут видео в день). На третьем часу видео, все файлы в голове уже перемешались, пугает/напрягает объем данных которые нужно держать в голове🤯. Последние 1,5 часа уже просмотрел смотрел видос😄, благо там принцип работы сохраняется.
Спасибо за крутой контент!
п.с. Реальные проекты намного сложнее? или примерно на том же уровне, но просто больше файлов и кода?
@@illia_kozachenko в реальных проектах технологий используется куда больше, чем использовал я
После установки create -react-app и очистки нового проекта , будьте внимательны с импортами , сам случайно удалил из файла index.js import './index.css'. Из-за этого не были видны стили и не работали стили tailwindCss😒😒😔Долго искал причину почему не подключался tailwind🙄
Оставлю на заметку мало ли кто впервые устанавливает tailwindCss в React.
Из верстальщика в фуллстек. Вот это прогресс)
просто последнее время я занимался именно версткой, а вообще я изначально не был просто верстальщиком)
Среди хороших фулстеков вы с трудом найдете того кто и верстать умеет ) Это редкость
@@makspakstaks Думаю базовую верстку сделает любой фулстек
Спасибо за урок,
Cделай ещё одно видео с улучшением этого проекта.
Хорошое начало. Только начал смотреть.
Для получения постов пользователя можно было бы использовать путь posts/:userId и выводить по id юзера. Не пришлось бы отдельно под авторизованного пользователя находить посты.
какой же крутой курс. оочень хорошо объясняете. спасибо за урок
спасибо за фидбек!
Спасибо большое за видео.Смотрел несколько дней и при просмотре начал больше понимать вообще структуру создания приложения.А про повторение за тобой я вообще молчу .Ты очень классно объясняешь, единственное я думаю что для лучшего понимания аудитории было бы классно с перерывами делать приожение т.е было заметно что в некоторых моментах ты не объяснял не рассказывал и не показывал т.к заебался уже.Выражаю благодарность за труд
Жду следующего проекта
Советую кстати перед просмотром посмотреть другое видео на канале про Redux Toolkit. Будет намного понятнее что происходит
Мужик!!! Ты лучший!!!!!!!! Спасибо тебе за проделанную работу!)))
благодарочка)
Годный контент, много полезного и понятно объясняешь, спасибо!!!
благодарочка!
Очень интересный материал!
Большое спасибо за урок!
Спасибо за такой курс, очень хочется полный рабочий сайт электронной коммерции
такого скорее всего не будет в ближайшее время, очень не люблю все, что связанно с eCommerce и тому подобное
Как мне использовать данные из post например view в react-chartjs-2?
Огонь давай Больше React
спасибо большое за ваш труд. сделайте больше про бекэнд пожалуста.
Только закончил выпускать
Супер, молодец, продолжай!
спасибо тебе большое за такой классный и полезный контент 😊
Привет.
Спасибо за ролик.
Можешь снять видео как добавить несколько фоток.multi file upload
У меня у одного в слайсерах просит builder?
это после обновления так. теперь тот способ что в видео не актуален, нужно через билдер
@@lets_try_js а можете подсказать как это будет выглядеть с билдером
@@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;
})
}
@@postyron1um куда нужно вставить этот код, подскажите пожалуйста
слайсер, это какой файл?
На классные каналы подписан: Nexta, Популярная политика, Фейгин))
спасибо большое за ваш труд. сделайте больше про бекэнд пожалуста. поддержите чтоб автор увидел
Круто! Продолжай снимай такие видосы !
3:26:01 не получается добавить пост, хотя картинки грузятся в папку upload на сервак, post запрос уходит без ошибок, переписал экстра редусеры таким образом, буду благодарен кто подскажет в чем дело
extraReducers: (builder) => {
builder
.addCase(createPost.pending, (state) => {
state.loading = true;
})
.addCase(createPost.fulfilled, (state, action) => {
state.loading = false;
state.posts.push(action.payload);
})
.addCase(createPost.rejected, (state, action) => {
state.loading = false;
})
Добрый день, спасибо за урок! не подскажете ваш плагин для цвета в vscode, beautiful пишет что уже устарел и не поддерживается(((
Как всегда топово!
Привет! Супер чел. респект :)
У меня при обновлении страницы выкидывает из аккаунта + при нажатии кнопки выйти с аккаунта выкидывает но странница продолжает работать так же как при авторизации.
Не подскажите где я мог допустить ошибку ??
Нашел ошибку?
@xxaosens6465 ?
Классный контент! Спасибо
благодарю)
hi sir thank for this amazing tutorial i have learned a lot thank you again
Oh, thank you for the feedback! good luck, bro
А вот такой вопрос насчет 1:08:52. Зачем нам парсить строку с Bearer, если можно по сути просто отправить токен без приписки Bearer, ведь когда мы его генерируем при логине, он без этой приписки. Потом мы из логина его берем, и когда делаем запросы на приватные роуты, мы зачем-то добавляем этот Bearer, чтобы потом просто его убрать.
в двух словах не объяснить(
но если в целом, воспринимайте это как "хороший тон" и так принято делать)
@@lets_try_js хорошо, спасибо за ответ
Очень крутой ролик!!! Спасибо!!!
благодарю)
11:53 - в третьей строке пока не написал "Express" с большой буквы - не завелось
Урок интересный для понимания что и как работает а так для простых постов приложение написано как будто сбербанк))), я имею ввиду бекенд фронтенд очень много запросов , можно все тоже самое используя только реакт и как базу firebase
Всм сбер?
Не понимаю откуда стока знаний сижу на курсе 4 ничем не обучают все самому , жесть но интересно
такая же ситуация. диплом начал писать?
да еще не успел натив выучить @@postyron1um
@@VN1337 а я пишу не для мобилы, просто на реакте, учу и одновременно диплом пытаюсь делать
@@postyron1um ну сначала натив js мне сказали выучить потом react и можно на ts я тоже и диплом и натив учу
спасибо брат полезное видео, Ауф
досмотрел до 2:19:35 в хуке useSelector, если выводить в консоль статус приходит Null, регистрация не производится, выводится ошибка дальше уже дрючить бесполезно)
Добротное видео, спасибо
а как добавлять роли юзера, к примеру чтобы заходили туда, маркетологи, менеджеры, и чтобы админ давал им доступ к системе????
створити відповідні ролі при реєстрації користувача на фронті. При реєстрації записувати в базу додаткове поле ролі. На фронті перевіряти під якою роллю авторизувався користувач. Це якщо спрощено пояснювати
Спасибо огромное!!! 👍 Видео очень помогает разобраться с MERN. Подскажи пожалуйста, что надо изменить чтобы на ГЛАВНОЙ странице посты выводились с их комментариями?
Делать запрос на получение постов и делать запрос на получение комментариев ) я не помню уже как там у меня было просто
Показывает ошибку Cannot read properties of undefined (reading “posts”) совсем не знаю что делать( может кто то сталкивался с этим?
А у меня при создании поста пишет что то пошло не так, чекнул везде слайс перечекал не нашел ошибку
У меня проблема с process.env, когда вставляешь константы приложение не запускается, а если вручную самому то все работает. У кого-нибудь была такая проблема?
cкоріше за все перед env файлом повинна бути крапка , тобто .env
Привет, кто подскажет ,почему у меня переменные которые из .env до async function start() нормально в консоль выводиться,а в функции их не видно и сервер не стартует, ругается на ошибки. Все установил как нужно. Вот если в ручную прописываю имя .пароль. порт все работает.
UPD -- проблема была в авто - сохранение, дописывало " ; " в файле " .env "
у меня тоже самое автосохр в норме что может быть?
Помогите 🆘
Если я вывожу в консоль isAuth, то выводит сначала false, а потом true. usestrict выключен.
Почему то при перезагрузке страницы выходит из системы. И при входе через логин не вылазит сообщение что вы вошли. И если вводишь неправильно пароль, то тоже почему то не вылазит сообщение. Хотя оно приходит с бэкенда. Так же если пытаешься залогиниться юзером которого нету, с бэкэнда приходит сообщение, но toast не показывает сообщение. Как это можно пофиксить? Почему то status: null не меняется на сообщение которое приходит с бэка
Не знаю актуально или нет, но дело в том, что есть два AsyncThunks с одинаковым typePrefix.
loginUser = createAsyncThunk('auth/loginUser', ...
и getMe = createAsyncThunk('auth/loginUser', ...
Нужно изменить:
export const getMe = createAsyncThunk('auth/getMe',
@@vsltkachenko Спасибо вам, добрый человек. Очень помогли!
При перезагрузке авторизация не сохраняется, выкидывает. В чем может быть причина ? Никто не сталкивался ? Хотя токен в локал стородж есть
У меня та же самая проблема, пока не знаю как решить
Добрый день, Роман! Большое спасибо за Ваш труд. Подскажите пожалуйста, зачем в функции getMe создается токен? Ведь токен на этом этапе уже существует. А для сопоставления, например, поста и автора, нам токен не нужен. И второй вопрос: в каком месте мы проверяем, валиден ли еще существующий токен, или срок его действия уже истек? Заранее признателен, Михаил
Здравствуйте, хотел задать вопрос. Какой вариант используется в продакшне:
1) Сервер отправляет html документ используя шаблонизатор в зависимости от url
2) переключение по страницам осуществляется на фронтенде, фронтенд использует fetch или axios, а бэкэнд отправляет только json.
Или может при отправке главной страницы единожды бэкэнд отправляет html, а дальше json
В большинстве случаев для работы с данными в React применяется второй вариант: переключение по страницам осуществляется на фронтенде, фронтенд использует fetch и/или axios, а бэкэнд отправляет только JSON. Это подход называют Single Page Application (SPA).
При использовании этого подхода, когда пользователь открывает приложение, сервер отправляет только основной HTML и JavaScript файлы. После этого все остальные данные загружаются динамически с помощью AJAX запросов к серверу. Это позволяет ускорить время загрузки первой страницы и делает приложение более отзывчивым.
@@clivawolf спасибо за пояснение
А когда деплои покажешь серверной части ???
Привет! Спасибо за видео! Хотел уточнить, возможно ли тут поменять схему редактирования поста и сделать полноценный редактор, что-то наподобие react-quill ?
Конечно) дописываешь функционал и вуаля))
РЕШЕНО.
Делюсь с теми, кто столкнулся с моими проблемами с загрузкой npx create-react-app (Клиентская часть).Смотреть ранний пост.
Нужно Сделать следуюшее:
1. Нужно Выйти на самый верхний уровень не создавая папку client, и только после этого набрать команду npx create-react-app.(без точки)
Мой пример на WebStorm: PS E:\Boyare> npx create-react-app client
Как у Автора:
1.cd client
2.npx create-react-app
у меня не срабатывала!
Важно. При слабом сигнале загрузки все сбрасывается. Начинать сначала.
Автору моё Почтение и Уважение...
благодарю)
рад что все получилось решить)
Можете помочь с созданием комментариев для сайта, ибо не понятно какой запрос нужно вводить для этого
привет, не подскажешь как это реализовать, у меня есть форма в которую пользователь вводит данные и отправляет на сервер, после того как пользователь нажал на кнопку отправить он должен увидеть страницу загрузки, как только данные обработанны ему возвращается следующая html страница с самими данными?
Бро, какая у тебя тема в Vs Code?
Спасибо за ролик. было интересно. Только один вопрос: а разве Експресс еще актуален?
Стандарт де-факто... Но можешь использовать *http* модуль Node.js...
а почему нет ?
более чем
Классное видео, но вот столкyуля с проблемой, подобной реализации авторизации с next.js вместо react. При перезагрузке страницы, в сторе все null, и он поэтому не видит авторизацию. Хотя при авторизации и просто переходе на страницу все четко.
Благодарю, что поделились. Тот момент, когда увидела и захотелось попробовать. В результате сделала это приложение и все работает! Но вышла проблема с деплоем, на живой старнице только цвет отображается.-(( Могли бы подсказать нужно ли делать деплой папки сервер или как правильно задеплоить? Благодарю еще раз.
я думаю вам стоит поискать как задеплоить MERN приложение. у меня на канале такого ролика нет, а в двух словах это не рассказать
@@lets_try_js Уже отбой, уже разобралась и деплой сделала.:)) Только надо еще на облачное хранилище залить. Поняла, что если долго мучиться, то обязательно получится.:))
@@IrynaTolkachova это сто процентов))
Столько много кода все усложняет процесс и самого программиста. На рнр легче делатется за 1час.
может быть и так
@@lets_try_js но я перешел на реакт
При создании комментария, предыдущие исчезают, остается только что созданный коммент. Когда перезагружаю страницу все становится на места. Как решить эту проблему?
Решили проблему?
Йоу,можешь выложить видео как запустить проект локально, а то не получается, на курсач надо :(
Спасибо за видео
@lets_try_js подскажите, пожалуйста, а express вообще актуален? много где пишут, что лучше fastify учить
сейчас мой выбор упал полностью на nest.js
@@lets_try_js а его стоит изучать без знание экспресса? Он вроде под капотом его использует
@@true227да, все верно, под капотом express, но я бы не сказал что нужны знания его, что бы начинать nest )
у меня был недавно практический курс по nest на канале
@@lets_try_js спасибо
Спасибо за видео. Можете подсказать , почему при деплое , не отображаются картинки. Буду рада за ваш ответ
много причин может быть)) проверяйте в первую очередь пути к картинкам
А как сервак выложить на heroku или другие хостинге подскажи)
привет, слушай я не понимаю как работает axios, если он подключается как клиент, то при использовании localhost, удаленное подключение из вне ( с другой сети) так же делает запрос к api по адресу с localhost, как ему показать что бы он обращался к api удаленной сети? написать внешний адрес и сделать проброс портов не особо помогло, точнее помогло но теперь он естественно не работает в локальной сети), сколько искал ниче подобного не нашел((((
не совсем понял проблему
в аксиос можно просто захардкодить адресс, куда нужно отправлять запрос
а в реальных проектах тоже веб сервер "express" используют?
Этот фреймворк используется. Хоть и критикуется за мидлвары
Якщо у вас виникла ось така помилка:
TypeError: Cannot read properties of undefined (reading 'cancelToken')
то ось рішення у файлі axios.js:
instance.interceptors.request.use((config) => {
config.headers['Authorization'] = `Bearer ${localStorage.getItem('token')}`;
return config;
},
error => {
return Promise.reject(error);
}
);
замість минулого запису
Привет а будет деплой? Я просто делал похожее приложение и у меня сервер на хероку, и папка для хранения файлов там походу не работает с клиентом, потом что клиент говорит что нету таких файлов по пути на сервере . В чем проблема?
привет
у меня есть отдельный ролик на канале про деплой такого приложения
У меня есть вопросы на счет удаления поста,
ты в стейте фильтруешь массив с той ид, которая прилетает с action .payload , но там нет ничего, в пейлоаде только строка message: "пост удален"
Как это так работает? почему оно правильно фильтрирует, хотя не должно было, потому что _id = undefined
Клас! Подскажите какой у вас шрифт?
JetBrains Mono
Привет, курс супер, как можно реализовать лайки на посты? Я думаю типа хранить все лайки определенного пользователя и при рендере подставлять лайки на посты каждый раз. Но есть ли правильный путь решения?
так вроде я это делал в этом видео
@@lets_try_js Привет, посмотрел всё видео. Ты имеешь ввиду, что лайки делаются так, как делаются комменты?
Почему, если создаётся или редактируется большой пост, особенно с картинкой, то он не успевает обновиться в базе, выполняется переход на страницу постов, а там подгружаются еще не обновлённые данные из БД. Как можно решить эту проблему?
А как сделать в вс коде такой курсор моргающий?) И что за шрифт у тебя, не подскажешь?
шрифт jet brains mono, а про курсор есть ролик на канале, полистай вниз он там на 2 минуты
@@lets_try_js спасибо большое)
А сможете подсказать тута refresh токен есть? Блин так хочу понятный курс с refresh токеном((
Я аж запутался ulbi tv смотрел но он так заморочено говорил что пока что нифига не понял...(
refresh нету
@@lets_try_js печалька, а будет? в след уроках?)) а так ваще ролик топ!!! я щас делаю повторяю за тобой но только я меняю что то типа добавлю телефон и fullName + имэил хочу прикрутить активацию по почте)) не знаю как выйдет но надеюсь обычным прикручиванием мидлвэйром))
@@NayroTV я хз, возможно будет) я пока еще не думал
@@lets_try_js конечно изв за много вопросов а в курсе твоём последнем nest js там тоже для начинающих да? ну типа тоже без активации почты?)
Если да то это хорошо)) nest js то я не знаю) но если будет у тя время то сможешь сделать express с refresh и c почтой а то мало челов таких кто снимает про продвинутый express )
И ещё, если захочешь ответить то ты где то работаешь? просто с такими знаниями можно и джуном устроиться) или ты мидл...?
@@NayroTV по порядку)
1) Nest тоже для начинающих
2) с express после nest.js у меня если честно нет желания работать))))
3) я не работаю в компании, я работаю на фрилансе
Well done!!! 👌❤
когда создаю юзера пишет ошибка при создании пользователя, хотя написано как у тебя даже пробовал исходник подставлять, у кого то была такая ошибка?
Решил?
Какая у вас установлена версия Node.js, потому что у меня выдает ошибки на версии 18.14.2 ??
ошибки могут быть по разным причинам
Новые видосы про версту с апворка будут?
возможно на след неделе что-то попадется и запишу
Спасибо!