Vue похож на использование React, добавление MobX и использование синтаксиса шаблонов Angular.

Я развернул свое первое производственное приложение Vue. 🎉 Создан с нуля. Ну, настолько близко к царапине, насколько это имеет смысл. Команда работала над экосистемой Vue весь год.

ПРИМЕЧАНИЕ. Это кросс-пост из моего информационного бюллетеня. Я публикую каждое электронное письмо через две недели после его отправки. Подпишитесь, чтобы получать больше подобного контента раньше прямо в свой почтовый ящик! 💌

Технический директор по дневной работе мягко подтолкнул меня к бэкэнду в прошлом году, когда он решил, что мы переносим наш интерфейс на Vue, а не на React (с Backbone). Я ворчал слишком громко, и ему нужен был кто-то опытный, чтобы работать над критически важными бэкэнд-вещами. 🤷‍♀️

НО! Я нашел предлог, чтобы выйти из своей темной бэкэнд-пещеры и заняться фронтендом. Какой глоток свежего воздуха. Я скучал по JavaScript на работе.

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

Я сделал.

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

Не предназначалось для написания независимого приложения. У нас уже были подмости, которые я так мучительно собрал сам. Ой.

Vue… в порядке?

Vue легко подобрать.

Основы такие же, как HTML и CSS, созданные вручную, с добавлением JavaScript. Думаю, именно поэтому мой технический директор предпочел его React. Потому что казалось, что процесс обучения стал проще.

Но это приводит к проблемам.

Vue ближе к React по тому, как вы должны использовать его, чем по ручному объединению HTML, CSS и JavaScript.

Вы закрасите себя в угол, и тогда ваши шаблоны будут похожи на наши 👇

Это не вина Vue. Это ни чья вина.

Если вы хотите, чтобы кто-то виноват, выберите того, кто сделал суп БЭМ css популярным. Наша команда просто следует тенденциям и учится у лучших в своем классе.

Потом они (мы?) Перешли на Vue, и это было типа «Ой, это так просто. Мы можем просто скопировать наши старые шаблоны и сделать современное приложение ».

React заставляет вас перестраиваться и переосмысливать.

Лично я всегда предпочитал подход семантических виджетов, в котором у вас есть класс .buy-button, вместо того, чтобы каждый раз вручную смешивать .red .round .pad20 .big-text .sales-page. React со стилями-компонентами ближе к этой философии. Vue также позволяет это сделать.

🧐

Vue - хорошее

  1. Легко понять, если вы новичок в веб-разработке
  2. Легко нащупать, если у вас есть опыт работы с React или подобным
  3. Примерно на 10кб легче в браузере
  4. Встроенное управление состоянием и маршрутизация
  5. На основе компонентов
  6. Использует веб-компоненты
  7. Состояние компонента является реактивным (как будто он был построен с помощью MobX)
  8. Однофайловые компоненты довольно аккуратны

Vue - плохой

Итак ... Vue или React?

Мне все еще не нравится Vue. Это нормально, но меня это не радует, как React.

React чувствует то же самое, что я всегда мечтал о фреймворке JavaScript. Кажется, что Vue был разработан людьми, которым не нравится JavaScript.

Может, мне нужно уделить этому больше времени 🤔

P.S. Если вам это нравится, обязательно подпишитесь, подпишитесь на меня в Twitter, купите мне обед и поделитесь этим со своими друзьями 😀