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 - хорошее
- Легко понять, если вы новичок в веб-разработке
- Легко нащупать, если у вас есть опыт работы с React или подобным
- Примерно на 10кб легче в браузере
- Встроенное управление состоянием и маршрутизация
- На основе компонентов
- Использует веб-компоненты
- Состояние компонента является реактивным (как будто он был построен с помощью MobX)
- Однофайловые компоненты довольно аккуратны
Vue - плохой
Итак ... Vue или React?
Мне все еще не нравится Vue. Это нормально, но меня это не радует, как React.
React чувствует то же самое, что я всегда мечтал о фреймворке JavaScript. Кажется, что Vue был разработан людьми, которым не нравится JavaScript.
Может, мне нужно уделить этому больше времени 🤔
P.S. Если вам это нравится, обязательно подпишитесь, подпишитесь на меня в Twitter, купите мне обед и поделитесь этим со своими друзьями 😀