Проще говоря: Vue слабо связан с Rails

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

Это приблизительное представление о том, что у меня было в глубине души

И да, мы были как раз на грани безубыточности. Разработка все еще продолжалась, и мне пришлось опробовать фреймворк - тогда я наткнулся на Vue. Я бы не стал сравнивать Vue с Angular / React, но все, что мне нужно, - это POC с минимальными усилиями в существующем приложении Rails. Я не хотел изменять ни одной строчки кода в gem-файле или изменять структуру сборки и развертывания.

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

Примечание. Представленный здесь код контроллера и представления сильно урезан для сохранения краткости.

Контроллер

Вид

JS

Если вы заметили: (1) Существует способ предварительной загрузки данных без отправки второго запроса на сервер. Но у меня не было настроения загружать статьи во втором цикле. Захотелось при первом же звонке. (2) Я использовал «v-cloak» в элементе таблицы, поскольку теги шаблона {{}} были видны до того, как данные были отрисованы в DOM.

TL; DR. Я обнаружил, что Vue лучше всего подходит для моего проекта, поскольку мне нужен был простой интерфейсный фреймворк с плавной кривой обучения, так что использование его бок о бок не создает препятствий в уже происходящем. разработка функций. Скоро я буду интегрировать его по всему продукту.

Кстати, сейчас я разрабатываю приложение Fabbon: социальная сеть, посвященная красоте и образу жизни. Мы запустили Редакционный раздел и параллельно работаем над остальными функциями. Посетите и оставьте предложения :)