Однозначный лайк. Сколько не читал, не мог сообразить как идет связка. Теперь наконец-то все стало на свои места. Подписка однозначно, больше таких простых примеров, и общее представление о web будет более понятным!
ну тут и была задача показать как в принципе это работает ) если нужно более глубоко то есть ролик по MERN там полноценное Fullstack приложение скоро выйдет обновленная и расширенная версия по MERN
Искренне спасибо, тебе Человек). Благодаря этому видео я, словно, взлетел. Так как плаваю на дне теории уже года 2, но сегодня я решил задать запрос про стыковку ф и б и ... Наконец мои муки были не напрасны... Я вижу свет в контакте туннеля, ура! Спасибо за то, что ёмко всё все объяснил и так понятно. Сабскрайбд и лайк.
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options.allowedHosts[0] should be a non-empty string. Почему это выдает?
спасибо за труд. Сделай плиз видео где будет: 1. база данных (mongo) 2. Сервер на Node 3. и фронт на React и небольшое приложение по добавление поста, удалению и изменению. было бы очень круто, и полезно такое посмотреть. а то приходиться собирать знания по частям. Там Mongo, там Node ...
c VITE сборкой не прокатывает такое, не дает обоим работать на одном порту ( бэк перестает работать), даже если прописать прокси в vite.config.js. При сборке create-react-app (webpack) работает
спасибо, у меня проблемка, фронтенд на react, nodemailer на node.js тоже 2 хоста - 3000 и 3001 и все работает на локал, но как мне задеплоить проек бекенд и фронтенд на web server ? там он не слушает порт 3001! спасибо за видео и если сможешь ответить
попытался сделать тоже самое через связку webpack, react,express. бэк у меня на порте 3001, react на порте 3000. запросил json-формат - вывел ошибку "Uncaught (in promise) SyntaxError: Unexpected token '
@@lets_try_js прописал в девсере вебпака следующее: devServer:{ port:3000, compress:true, proxy: { "/api/**": { target: 'localhost:3001', secure: false } } как раз последнего ключа не хватало. спасибо за наводку
После того как указал ключ proxy и значение в package.json в папке frontend, когда пытаюсь запустить выводит ошибку "Invalid options object. Dev Server has been initialized using an options object that does not match the API schema."
Тоже мучился с этой проблемой. Нужно по адресу create-react-app/packages/react-scripts/config/webpackDevServer.config.js / в файле allowedHosts установить значение 'all'
Напиши сначала калькулятор. И ваще, в it, если прям ничего не понятно, то ты пытаешься прыгнуть выше головы и без каких-либо базовых знаний сразу начать разбираться во всём. Нужно маленькими шагами и не перепрыгивать с темы на тему со скоростью света.
я один одаренный облочным преставдлением ? -что не фига не ясно как первый раз отдается целое приложение? - если одним фалом то как понимать фронтенд ...нифига не ясно
Однозначный лайк. Сколько не читал, не мог сообразить как идет связка. Теперь наконец-то все стало на свои места. Подписка однозначно, больше таких простых примеров, и общее представление о web будет более понятным!
Спасибо, пример, конечно, синтетический, но показывает, что все проще, чем казалось) Пожалуй, подпишусь:)
ну тут и была задача показать как в принципе это работает )
если нужно более глубоко то есть ролик по MERN
там полноценное Fullstack приложение
скоро выйдет обновленная и расширенная версия по MERN
Так просто и доходчиво объясняешь)) Большое человеческое спасибо:)) (однозначно = лукас + подписка)
благодарю)
Перечитал кучу нагугленных статей, а здесь в 1 видео всё что нужно по данному вопросу! Спасибо!
'-', это просто гениальное видео... Я смог за 9мин узнать как объединить back и front!!!
Афигенный ролик. Я как раз прошел уроки Реакт, стейты, Экспресс и искал, как это собрать в кучу все.
тогда на канале есть видео про фуллстек приложение на этом стеке
Огромное спасибо , я столько перерыл информации , но нигде не находил ответа на вопрос , о том как соединять front и back
Из-за обилия инфы уже запутался, а данный видос расставил все на свои места, спасибо :) Пошел тыкать бэк
супер, искал именно это, спасибо!
все понятно без воды, ,без кучи ненужного, огромное спасибо
Большое спасибо. Очень пригодилось данное видео. Кратко и просто, но весьма полезно.
Просто огромный респект тебе 🔥 . Целый день искал способ, наконец то нашёл.
Спасибо! то что я искал, без воды и лишнего кода)
Спасибо большое за видео, как раз начинаю первый раз дружить frontend и backend, теперь знаю куда капать
Спасибо, что ты существуешь
Искренне спасибо, тебе Человек). Благодаря этому видео я, словно, взлетел. Так как плаваю на дне теории уже года 2, но сегодня я решил задать запрос про стыковку ф и б и ... Наконец мои муки были не напрасны... Я вижу свет в контакте туннеля, ура! Спасибо за то, что ёмко всё все объяснил и так понятно. Сабскрайбд и лайк.
здравствуйте очень круто!
Теперь все понятно стало
Подпишусь/>
Огромное человеческое спасибо!!Реально помог!
Если это видео тебе помогло, то посмотри мое видео по MERN стеку, там это все примеряется на практике ))
@@lets_try_js как называется видео
@@РадмилаХолназарова
MERN быстрый курс для новичков. MongoDB/Express/React/Node. Fullstack приложение.
Простой и очень полезный видос, спасибо
Классно 👍🏻 Просто и понятно
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
- options.allowedHosts[0] should be a non-empty string. Почему это выдает?
спасибо огромное! Просто и доступно
Спасибо за видео!
Спасибо за весьма наглядный пример 👍
Спасибо тебе огромное! Подписка
спасибо за труд. Сделай плиз видео где будет:
1. база данных (mongo)
2. Сервер на Node
3. и фронт на React
и небольшое приложение по добавление поста, удалению и изменению.
было бы очень круто, и полезно такое посмотреть. а то приходиться собирать знания по частям. Там Mongo, там Node ...
c VITE сборкой не прокатывает такое, не дает обоим работать на одном порту ( бэк перестает работать), даже если прописать прокси в vite.config.js. При сборке create-react-app (webpack) работает
Спасибо большое! Однако подписка и лайк)!
благодарю)
Как я понял в бэк мы пишем данные в формате json а в фронте мы используем fetch а потом переводим в json формат потом используем да?
Очень круто
Спасибо брат )
спасибо братик)
Очень-очень хороший урок. Спасибо.
А есть ли у вас урок про то, как залить на хостинг и фронтенд, и бэкенд?
да, где-то был на канале)
Когда я пишу proxy, то я получаю ошибку invalid host header, как это решить?
Спасибо!
Фуллстек mern буду делать по твоему ролику, тоже заинтересовал.
там их два. рекомендую крайний)
@@lets_try_js спасибо за совет. )
Спасибо, помогло
спасибо, у меня проблемка, фронтенд на react, nodemailer на node.js тоже 2 хоста - 3000 и 3001 и все работает на локал, но как мне задеплоить проек бекенд и фронтенд на web server ? там он не слушает порт 3001! спасибо за видео и если сможешь ответить
зависит от сервера, везде по разному
Сразу все стало на свои места, спасибо 😅
Когда прошёл курсы, нифига не понимаешь в программировании но строишь из себя it блоХера
да)
спасибо, а с java бекэндом как связать ?
никогда не работал с java
только javascript и немного python
@@lets_try_js жалько, а то мне дали задачку
Есть стандартизированный способ который используют все для react + PHP?:)
Никогда не работал с пхп, так что хз
спасибо
рад помочь)
на канале есть полноценное видео по данной технологии где пишу приложение)
@@lets_try_js Спасибо за видео. А можно ли такое приложение деплоить на GitHub? Вместо путей локалхоста нужно пути с github pages прописывать?
@@angrysmilex у меня на канале есть видео, о том как задеплоить такое приложение. посмотрите
А что я если хочу, чтобы был мой фронтед на ts + react, а бэкенд только на js?
Смысл будет тот же, только это не имеет смысла, это как выстрел себе в ногу, когда есть тот же express или куда мощный nest
@@lets_try_js а нужно ли скачивать typescript в бэкенд?
попытался сделать тоже самое через связку webpack, react,express. бэк у меня на порте 3001, react на порте 3000. запросил json-формат - вывел ошибку "Uncaught (in promise) SyntaxError: Unexpected token '
Прокси сервер прописали для фронта?
@@lets_try_js прописал в девсере вебпака следующее:
devServer:{
port:3000,
compress:true,
proxy: { "/api/**": { target: 'localhost:3001', secure: false } }
как раз последнего ключа не хватало. спасибо за наводку
а с react native express работает?
В какой программе это все делается?
по разному)
конкретно тут я использую VS Code
как наоборот отправить даные на бекенд?
Так в продакшн сборке работать не будет же
В продакшене не работает.. знаешь как сделать чтобы работало?
есть на канале ролик про деплой приложения на Netlify и Heroky
777 лайков)
Помогите fetch всеравно делает запрос на localhost:3000
Прокси сервер настроили ?
@@lets_try_js да , я смог исправить ошибку переходом на axion
афигеть
Ну хоть кто-то обьяснил. Хоть я и далек от js, но и то понял
После того как указал ключ proxy и значение в package.json в папке frontend, когда пытаюсь запустить выводит ошибку "Invalid options object. Dev Server has been initialized using an options object that does not match the API schema."
Тоже мучился с этой проблемой. Нужно по адресу create-react-app/packages/react-scripts/config/webpackDevServer.config.js / в файле allowedHosts установить значение 'all'
Крч надо прокси написать, спасибо
Это не работает в 2024 году
просто код читает, как книгу.
9 минут про строчку с прокси??
ни хера не понял, но интересно. Я тут JS изучаю, а посмотрев это видео ни хрена не понял.
Напиши сначала калькулятор. И ваще, в it, если прям ничего не понятно, то ты пытаешься прыгнуть выше головы и без каких-либо базовых знаний сразу начать разбираться во всём. Нужно маленькими шагами и не перепрыгивать с темы на тему со скоростью света.
спасибо за видос, всё работает, НО
почему в заголовках запроса /api отображается - "localhost:3000/api", когда сервер на 3001 порте? (304 запрос)
Чел скажи как это исправить у меня так же ничего не работает ты же писал комент 7 месяцев назад точно уже знаешь скажи пожалуйста
@@I_ne_rei друг, давно очень было
Не помню как решил, игрался с конфигами
я один одаренный облочным преставдлением ? -что не фига не ясно как первый раз отдается целое приложение? - если одним фалом то как понимать фронтенд ...нифига не ясно
Огромное спасибо, очень полезное видео!!
От души братан спасибо большое !
Спасибо за видео!
Спасибо🙏
Спасибо