JavaScript: Создание простого MEVN-приложения

[kolbaskinmax]

Вы описываете какой-то антипаттерн. Дергать сервер из вьюшки — это очень вредный совет. Посмотрите в сторону Vuex.

[YdobroV]

Vuex используется для глобального хранения состояния в приложении (данные, которые можно получить из других компонентов). А использовать Vuex везде и только ради того, чтобы не «Дергать сервер из вьюшки» — это очень вредный совет ;). Нет ничего плохого в хранении локальных данных внутри компонента, а для обращения к серверу можно написать внешние глобальные обработчики, которые не будут сохранять глобальные данные и переполнять ненужными данными приложение, если не нравится дергать данные напрямую из вьюшки.

[kolbaskinmax]

Большинство приложений имеют свойство со временем разрастаться. Поэтому, на мой взгляд, нужно изначально закладывать масштабируемую архитектуру. Vuex вас вынуждает отделять логику от представления, поэтому, я написал про него. Не хотите vuex, просто вынесите вызовы api в services и оберните сам вызов в какой-нибудь класс. Представьте, что вам резко понадобилось добавить во все вызовы api какой-нибудь общий хедер, вы что, будете переколбашивать все ваши 100500 вьюшек?)

[YdobroV]

просто вынесите вызовы api в services и оберните сам вызов в какой-нибудь класс

Я согласен с этим, поэтому и упомянул о внешних глобальных обработчиках для обращения к серверу, которые не будут переполнять Vuex. Но ничего не мешает использовать их вместе с vuex, если данные нужно использовать в нескольких местах.

Суть в том где будут храниться данные:
Компонент -> Vuex -> Обработчик API (Данные остаются во Vuex и доступны глобально)
Компонент -> Обработчик API (Локальные данные)

[bodasooqa]

Спасибо за отзыв. Статья рассчитана на азы фуллстек разработки, а Vuex, на мой взгляд, — это уже глубокое достаточно погружение. Про него и про Vue соответственно планирую написать отдельную статью, ибо информации на самом деле не очень много.

[kolbaskinmax]

Удачи в дальнейших ваших изысканиях. По vuex прорва информации, хотя примеров которые можно использовать в реальной разработке, действительно, нужно поискать… Если что, минус не мой)

[uranik]

А почему index.html через expres не реендерите? Удобно все всякие плагины express типа csrfProtection через шаблонизатор прокидывать.