bodasooqa 25 июн 2019 в 12:57

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

19 мин

33K

Node.JS * VueJS *

Из песочницы

Комментарии 7

kolbaskinmax 26 июн 2019 в 08:13

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

YdobroV 28 июн 2019 в 07:09

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

kolbaskinmax 30 июн 2019 в 06:21

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

YdobroV 30 июн 2019 в 07:04

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

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

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

bodasooqa 1 июл 2019 в 07:32

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

kolbaskinmax 1 июл 2019 в 13:45

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

uranik 27 авг 2021 в 19:35

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

Зарегистрируйтесь на Хабре, чтобы оставить комментарий