Урок 2. Популярность Vue

Все уроки по Vue.js расположены здесь.

Насколько популярен Vue.js? Если взять динамику его популярности на гитхабе, то увидим следующее:

• 7,600 звезд на GitHub в 2016 году
• 36,700 звезд на GitHub в 2017 году
• и он имеет более чем 100,000+ звезд на GitHub, по состоянию на сегодня.

Количество скачиваний растет с каждым днем, и теперь это ~350 000 загрузок в неделю. В относительном выражении у него примерно такое же количество звезд GitHub, как у React, который появился несколько лет назад.

Конечно, цифры - это не все. Разработчики любят его. Ключевым моментом во время подъема Vue было принятие в его в экосистему Laravel, чрезвычайно популярном фреймворке веб-приложений PHP. Но с тех пор Vue стал широко распространенным и среди многих других сообществ.

Почему разработчики любят Vue

Во-первых, Vue называется прогрессивной структурой.

Это означает, что он адаптируется к потребностям разработчика. Для других платформ требуется нередко переписывать существующее приложение полностью. Для Vue можно просто вставить script тег и он будет расти вместе с вашими потребностями.

Вам не нужно знать о webpack, Babel, npm или что-нибудь еще, чтобы начать работать с Vue. Но когда вы готовы, Vue делает эти вещи простыми для вас.

Vue.JS, вероятно, самая доступная Front-End структура вокруг. Некоторые люди называют Vue новым jQuery, потому что он легко попадает в приложение через тег script, и постепенно обретает пространство оттуда. Думайте об этом как о комплименте, так как jQuery доминировал в интернете в последние несколько лет, и он все еще делает свою работу на огромном количестве сайтов.

Vue был построен путем выбора лучших идей таких фреймворков, как Angular, React и Knoutout, а также путем выбора лучших вариантов этих фреймворков. И, исключив некоторые менее блестящие, он начинался как “лучший из” набора и рос оттуда.

Где Vue.JS позиционирует себя среди фреймворков?

Два слона в комнате, говоря о веб-разработке, - это React и Angular. Как Vue позиционирует себя относительно этих двух больших и популярных фреймворков?

Vue был создан Evan You, когда он работал в Google на angularjs (Angular 1.0). Vue выбрал некоторые из Angular синтаксиса шаблонов, но удалил сложный стек, который требовал Angular, и сделал его очень эффективным.

Новый Angular (Angular 2.0) также решил многие проблемы AngularJS, но по-разному.

Как насчет React? Vue взял много хороших идей от React, самое главное виртуальный DOM. Но Vue реализует его с каким-то автоматическим управлением зависимостями. При этом отслеживается, на какие компоненты влияет изменение состояния, чтобы только эти компоненты повторно отображались при изменении этого свойства состояния.

В React, с другой стороны, когда часть состояния, которое влияет на компонент изменяется, компонент будет повторно отображаться. По умолчанию все его дочерние элементы также будут перерисованы. Чтобы избежать этого вы должны использовать shouldComponentUpdate метод каждого компонента и определить, если этот компонент должен быть повторно вынесено. Это дает Vue немного преимущества с точки зрения простоты использования, и из коробки прирост производительности.

Одна большая разница с JSX. Хотя технически вы можете использовать JSX в Vue, это не очень популярный подход и вместо этого используется система шаблонов. Любой HTML-файл является допустимым шаблоном Vue.

Vue шаблоны очень похожи на Mustache и Handlebars (хотя они отличаются в плане гибкости). Таким образом, они более знакомы разработчикам, которые уже использовали такие фреймворки, как Angular и Ember.

Vue является гибким, но тот факт, что основная группа поддерживает два пакета, которые очень важны для любого веб-приложения (например, маршрутизации и управления состоянием) делает его намного менее фрагментированным, чем React. Например: vue-router и vuex являются ключом к успеху..

Вам не нужно выбирать или беспокоиться, если эта библиотека, которую вы выбрали, будет ли поддерживаться в будущем и будет ли идти в ногу с обновлениями платформы. Поскольку они являются официальными, то они являются и каноническими библиотеками для своей ниши (но вы можете использовать то, что вам нравится, конечно).

Одна вещь, которая ставит Vue в другой угол по сравнению с React и Angular заключается в том, что это инди-проект: он не подкреплен огромной корпорацией, как Facebook или Google.

Вместо этого, он полностью поддерживается сообществом, которое способствует развитию через пожертвования и спонсоров. Это гарантирует, что путь развития Vue не зависит от повестки дня одной компании.