Как реализовать фронтенд интернет-магазина на vue.js?

Question

[Metanart]

На новом проекте (интернет-магазин - cms modx revo) хочется впилить frontend на vue.js + vanilla.js (без jquery). Just for fun, чтобы прокачаться, и чтобы было красиво.

Например - интерактивное обновление всплывающей корзины, т.е - про добавлении нового товара, чтобы он сразу появлялся в виджете корзины,
или - при переключении модификации товара в каталоге - у товара соответственно менялись цены, описание итд.

И возможно, переписать некоторые UI компоненты, как - модалки, выпадающие менюшки со встроенными checkbox - тоже с использованием vue

В моем текущем понимании, чтобы реализовать такую live-shopcart-widget -
нужно отправлять на сервер ajax-запрос (можно через rest),
отдавать с сервера json с обновленными данными,
скармливать этот json vue'хе, и рендерить vue-темплейтами разметку/компоненты

Собственно вопросы
- есть ли смысл в этой затее - т.е. будет ли это фактически полезно, какой будет выигрыш, в сравнение с простым jquery
- стоит ли использовать именно vue.js, возможно лучше подойдёт иной фрейм.
- если всё это можно впилить на vue - какие гайды лучше почитать (кроме официальной доки) чтобы не наговнокодить и получить хороший результат.

Answer 1

[Дмитрий Дарт]

По поводу гайдов: https://www.youtube.com/watch?v=k3yRfEw1pYk&list=P...
При использовании таких штук надо тщательно следить за весом страницы и оптимизацией что бы сайт не умирал на слабых телефонах. И за поисковой оптимизацией надо тоже посматривать, потому что важно как будет видеть страницу поисковик.

Answer 2

[Pavel]

Вполне стоит попробовать, порог вхождения у него ниже чем у того же реакта, выигрыш по сравнению с тем же jquery будет огромный, и что самое главное (по крайней мере для меня) его можно внедрять в уже готовый проект постепенно. Официальная документация у vuejs очень хорошая, и тем более есть перевод на русский, имхо ее вполне может хватить для полноценного "погружения".

Answer 3

[sim3x]

Если делаешь бесплатно и просрать сроки ок
Новую для себя технологию используй на своих проектах
Внедрять для попробовать стоит сразу вместе с реактом/ангуляром
ИМО - лучше попробовать написать бекенд на чем-то новом

Comments

[Metanart]

Проект внутренний, время в запасе есть.

Для клиента я бы экспериментировать не стал бы.

Зачем вместе с реактом/ангуляром? Разве vue.js не является собственно, таким же фреймом как и вышеобозначенные?

На новый бэкенд заморачиваться буду в другой раз.

[sim3x]

Metanart:
> Разве vue.js не является собственно, таким же фреймом как и вышеобозначенные?
является. Именно потому сравнивать нужно не с jq