Как соеденить frontend и backend в рамках одного проекта ? React.js / Express.js. Fullstack

🏆 Поднять мотивацию и получить плюшки(сборка, исходники, чат со мной):
🔹 Patreon: / roman_timoshchuk
🔹 Buy me a coffee: www.buymeacoffee.com/tymoshchuk
🔹 Crypto:
👉 USDT(TRC20): TXFvmRqj3QSjsoECCefb6eXFybpgf8AYPS
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 Binance Pay: 432902886
📨 Сотрудничество ► [e-mail]
📨 Business inquiries ► [e-mail]

[@maybe9375]

Однозначный лайк. Сколько не читал, не мог сообразить как идет связка. Теперь наконец-то все стало на свои места. Подписка однозначно, больше таких простых примеров, и общее представление о web будет более понятным!

[@yatut4467]

Спасибо, пример, конечно, синтетический, но показывает, что все проще, чем казалось) Пожалуй, подпишусь:)

[@lets_try_js]

ну тут и была задача показать как в принципе это работает ) если нужно более глубоко то есть ролик по MERN там полноценное Fullstack приложение скоро выйдет обновленная и расширенная версия по MERN

[@user-vv5ic5kt3x]

Большое спасибо. Очень пригодилось данное видео. Кратко и просто, но весьма полезно.

[@nursultanbolotuulu1932]

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

[@script2049]

супер, искал именно это, спасибо!

[@tgcsat8878]

Перечитал кучу нагугленных статей, а здесь в 1 видео всё что нужно по данному вопросу! Спасибо!

[@user-lh2dp1un9o]

Так просто и доходчиво объясняешь)) Большое человеческое спасибо:)) (однозначно = лукас + подписка)

[@lets_try_js]

благодарю)

[@abobaaboba3888]

Спасибо! то что я искал, без воды и лишнего кода)

[@Andrew-xc9fh]

Простой и очень полезный видос, спасибо

[@timredrick310]

спасибо огромное! Просто и доступно

[@user-pi1mn3wb6r]

Огромное спасибо, очень полезное видео!!

[@teosurch]

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

[@slava_tfdf]

Спасибо за весьма наглядный пример 👍

[@aleksandrstoliarov7572]

Огромное спасибо , я столько перерыл информации , но нигде не находил ответа на вопрос , о том как соединять front и back

[@user-in5ip9pe7e]

Спасибо большое за видео, как раз начинаю первый раз дружить frontend и backend, теперь знаю куда капать

[@saschashow8908]

Классно 👍🏻 Просто и понятно

[@Rvovl]

Спасибо, что ты существуешь

[@evgeny9945]

Спасибо тебе огромное! Подписка

[@Cat-zh6xx]

Из-за обилия инфы уже запутался, а данный видос расставил все на свои места, спасибо :) Пошел тыкать бэк

[@tigranoqroyan-qo4wg]

Просто огромный респект тебе 🔥 . Целый день искал способ, наконец то нашёл.

[@juniorit7940]

'-', это просто гениальное видео... Я смог за 9мин узнать как объединить back и front!!!

[@Frontend-Developer-UA]

Очень круто

[@_xafiz.quran_]

От души братан спасибо большое !

[@radist126]

Афигенный ролик. Я как раз прошел уроки Реакт, стейты, Экспресс и искал, как это собрать в кучу все.

[@lets_try_js]

тогда на канале есть видео про фуллстек приложение на этом стеке

[@temadev1750]

Спасибо брат )

[@user-xt5zn3jd4r]

Огромное человеческое спасибо!!Реально помог!

[@lets_try_js]

Если это видео тебе помогло, то посмотри мое видео по MERN стеку, там это все примеряется на практике ))

[@user-xt5zn3jd4r]

@@lets_try_js как называется видео

[@lets_try_js]

@@user-xt5zn3jd4r MERN быстрый курс для новичков. MongoDB/Express/React/Node. Fullstack приложение.

[@kkkkkkk6223]

Спасибо, помогло

[@andreywinchester8995]

спасибо братик)

[@mariyasnegova5572]

Спасибо!

[@lilrhymes1353]

Спасибо🙏

[@Virisound]

Искренне спасибо, тебе Человек). Благодаря этому видео я, словно, взлетел. Так как плаваю на дне теории уже года 2, но сегодня я решил задать запрос про стыковку ф и б и ... Наконец мои муки были не напрасны... Я вижу свет в контакте туннеля, ура! Спасибо за то, что ёмко всё все объяснил и так понятно. Сабскрайбд и лайк.

[@Vlad-sw4zd]

Спасибо

[@snake5614]

Спасибо большое! Однако подписка и лайк)!

[@lets_try_js]

благодарю)

[@vi6Dim]

спасибо за труд. Сделай плиз видео где будет: 1. база данных (mongo) 2. Сервер на Node 3. и фронт на React и небольшое приложение по добавление поста, удалению и изменению. было бы очень круто, и полезно такое посмотреть. а то приходиться собирать знания по частям. Там Mongo, там Node ...

[@user-vg2fp8oi6x]

спасибо

[@lets_try_js]

рад помочь) на канале есть полноценное видео по данной технологии где пишу приложение)

[@angrysmilex]

@@lets_try_js Спасибо за видео. А можно ли такое приложение деплоить на GitHub? Вместо путей локалхоста нужно пути с github pages прописывать?

[@lets_try_js]

@@angrysmilex у меня на канале есть видео, о том как задеплоить такое приложение. посмотрите

[@AndrewLapteff]

афигеть

[@Virisound]

Фуллстек mern буду делать по твоему ролику, тоже заинтересовал.

[@lets_try_js]

там их два. рекомендую крайний)

[@Virisound]

@@lets_try_js спасибо за совет. )

[@user-ef3jm2mf8e]

Очень-очень хороший урок. Спасибо. А есть ли у вас урок про то, как залить на хостинг и фронтенд, и бэкенд?

[@lets_try_js]

да, где-то был на канале)

[@kebab_stroy]

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. Почему это выдает?

[@zogamerom218]

а с react native express работает?

[@user-jv6mz8jw9q]

777 лайков)

[@egorkolev]

спасибо, у меня проблемка, фронтенд на react, nodemailer на node.js тоже 2 хоста - 3000 и 3001 и все работает на локал, но как мне задеплоить проек бекенд и фронтенд на web server ? там он не слушает порт 3001! спасибо за видео и если сможешь ответить

[@lets_try_js]

зависит от сервера, везде по разному

[@egorkolev]

Сразу все стало на свои места, спасибо 😅

[@zelear_music]

Когда я пишу proxy, то я получаю ошибку invalid host header, как это решить?

[@dmitruz1900]

как наоборот отправить даные на бекенд?

[@marlonbrando458]

Крч надо прокси написать, спасибо

[@nikitaermolenko7813]

Есть стандартизированный способ который используют все для react + PHP?:)

[@lets_try_js]

Никогда не работал с пхп, так что хз

[@NikK0lay]

Когда прошёл курсы, нифига не понимаешь в программировании но строишь из себя it блоХера

[@lets_try_js]

да)

[@Mister-Petrovich]

В какой программе это все делается?

[@lets_try_js]

по разному) конкретно тут я использую VS Code

[@SNSDfOu]

спасибо, а с java бекэндом как связать ?

[@lets_try_js]

никогда не работал с java только javascript и немного python

[@SNSDfOu]

@@lets_try_js жалько, а то мне дали задачку

[@user-hh3pf2wo1k]

Ну хоть кто-то обьяснил. Хоть я и далек от js, но и то понял

[@user-ss7bm2id5c]

попытался сделать тоже самое через связку webpack, react,express. бэк у меня на порте 3001, react на порте 3000. запросил json-формат - вывел ошибку "Uncaught (in promise) SyntaxError: Unexpected token '

[@lets_try_js]

Прокси сервер прописали для фронта?

[@user-ss7bm2id5c]

@@lets_try_js прописал в девсере вебпака следующее: devServer:{ port:3000, compress:true, proxy: { "/api/**": { target: 'localhost:3001', secure: false } } как раз последнего ключа не хватало. спасибо за наводку

[@LetroScript]

А что я если хочу, чтобы был мой фронтед на ts + react, а бэкенд только на js?

[@lets_try_js]

Смысл будет тот же, только это не имеет смысла, это как выстрел себе в ногу, когда есть тот же express или куда мощный nest

[@LetroScript]

@@lets_try_js а нужно ли скачивать typescript в бэкенд?

[@eduardchagirov828]

Так в продакшн сборке работать не будет же

[@vorova]

В продакшене не работает.. знаешь как сделать чтобы работало?

[@lets_try_js]

есть на канале ролик про деплой приложения на Netlify и Heroky

[@I_ne_rei]

Помогите fetch всеравно делает запрос на localhost:3000

[@lets_try_js]

Прокси сервер настроили ?

[@I_ne_rei]

@@lets_try_js да , я смог исправить ошибку переходом на axion

[@soup7586]

После того как указал ключ proxy и значение в package.json в папке frontend, когда пытаюсь запустить выводит ошибку "Invalid options object. Dev Server has been initialized using an options object that does not match the API schema."

[@pashastrayt8928]

Тоже мучился с этой проблемой. Нужно по адресу create-react-app/packages/react-scripts/config/webpackDevServer.config.js / в файле allowedHosts установить значение 'all'

[@mike-aaa]

9 минут про строчку с прокси??

[@olegonkos]

ни хера не понял, но интересно. Я тут JS изучаю, а посмотрев это видео ни хрена не понял.

[@delovoy_mikhail]

Напиши сначала калькулятор. И ваще, в it, если прям ничего не понятно, то ты пытаешься прыгнуть выше головы и без каких-либо базовых знаний сразу начать разбираться во всём. Нужно маленькими шагами и не перепрыгивать с темы на тему со скоростью света.

[@ilyakorepanov5983]

спасибо за видос, всё работает, НО почему в заголовках запроса /api отображается - "localhost:3000/api", когда сервер на 3001 порте? (304 запрос)

[@I_ne_rei]

Чел скажи как это исправить у меня так же ничего не работает ты же писал комент 7 месяцев назад точно уже знаешь скажи пожалуйста

[@ilyakorepanov5983]

@@I_ne_rei друг, давно очень было Не помню как решил, игрался с конфигами

[@user-kn3ut1sh2o]

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