Небольшое React приложение со своим бекендом, запускаем с одного терминала

[ramil29]

Да, закончил курс фронтендера на хекслет. Когда пилил это приложение опирался на последний проект.

[MAXH0]

Раньше Хабр сравнивали с Тортом. Сейчас это крошки от торта... Маленькая крупица опыта начинающего специалиста.

Печально, что это очередной комментарий. Ничего нового

[Aldres]

Если я правильно понял, то проблема была в том, что не хотелось плодить окна терминала? Почему бы тогда не запустить все сразу с:
npm run myCoolScript1 & npm run myCoolScript2

Либо воспользоваться, например, пакетом https://www.npmjs.com/package/concurrently

[ramil29]

Во время работы одного сервера второй сервер в том же терминале не запустится. То есть заработает myCoolScript1, а myCoolScript2 (второй сервер) не заработает параллельно с первым.

[Aldres]

Вполне успешно запускаю таким образом сервер ноды, и параллельно дев-сервер vite. Правда, делаю через pnpm, но вряд ли здесь будет разница

[Cere8ellum]

Всё прекрасно запускается, сегодня только монорепо, написанный "на коленке", ковырял.

[iddqda]

4. Открываем браузер и переходим по адресу http://localhost:3001, наслаждаемся наслаждаемся статичным index.html на 3001 бэкенд висит жеж

[ramil29]

Да, дружище, на 3001 висит бекенд, и когда мы обращаемся к нему по адресу '/', он даёт нам файл index.html из папки build

[Cere8ellum]

В папку build помещает файлы не React, а бандлер, которым Вы проект собираете.

[ramil29]

Благодарю за поправку. Впредь буду иметь ввиду. Я новичок, новичкам свойственно ошибаться)

[belirofon]

Можно было использовать concurrently, либо писать на next.js там express уже под капотом.

[ramil29]

Да, оказывается можно, попробовал. +1 к моему знанию и опыту. Благодарю, в дальнейшем буду иметь ввиду.

[ivanmorda]

Необычайно гениально собирать Реакт и отдавать его клиенту!

[ramil29]

Это выглядит как сарказм. Поясни пожалуйста.

[theoll]

возможно spa должны рендерится на клиенте, но это не точно :)

[ramil29]

Это выглядит как сарказм. Поясни пожалуйста.

[Paul7967]

Понимаю, что пример учебный, но тем не менее в реальной жизни такое простое приложение можно сделать одним приложением и с сервера браузеру отдавать статику, дополнительные приложение на реакте здесь избыточно.

[ramil29]

Да, приложение простое. Понимаю, что реакт в данном случае на самом деле избыточен. Мне было интересно попробовать.

[sh-vasily]

Первый раз слышу про проблему с дополнительными терминалами. Понимаю ещё если бы их было десятки, но здесь их два всего лишь. Даже на Винде есть терминал, где можно сразу несколько разных терминалов внутри открыть, про Линукс и мак ось я вообще молчу. Но меня больше беспокоит даже не это.

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

Во-вторых, хорошо бы ещё хранить в бд результаты запросов, т.е. сделать из бэкенда кэширующее прокси, чтобы обойти ограничение на количество запросов.

И третье - самое важное: какую проблему вы решаете? Два терминала это не проблема. Как раз таки проблему вы создали скорее своим решением. Для локальной разработки этот вариант не подойдёт, потому что нужно каждый раз собирать фроненд проект и все фишки node js для отладки пропадают, для поставки на сервер, лучше nginx использовать.

[ramil29]

Приветствую, Василий.

1) Да, на самом деле нельзя из браузера делать запросы к апи Яндекса, это и в документации прописано.

2) Такая мысль меня посещала, и я обязательно попробую над этим поработать.

3) Да, я понимаю, что каждый раз при редактировании кода нужно будет производить сборку фронтенд проекта. Но мне просто было интересно попробовать. По вашему совету я почитаю и попрактикую nginx.