Небольшой контекст о Vuejs
SPA - это самая модная в настоящее время модель разработки веб-приложений, используемая большинством пользователей и не зря. Он обеспечивает более гибкое взаимодействие с пользователем за счет загрузки одной HTML-страницы, которая динамически загружается при взаимодействии пользователя. Приложение SPA устраняет необходимость в постоянной перезагрузке страницы. Больше интерактивности означает больше JavaScript, поэтому, безусловно, важны хорошо организованный и легко тестируемый код. Это одна из основных причин появления фреймворков JavaScript.
Существует множество фреймворков и библиотек для правильной поддержки вашего кода. Например, Vue.js, Angular, React, Meteor, Ember.js и многие другие. У каждого есть свои уникальные особенности. Я собираюсь объяснить, почему Vue.js лучше других и почему мы должны его использовать.
Vue.js был разработан Эваном Ю в 2014 году после того, как он ушел из Google.inc. Его идея заключалась в том, чтобы создать легкий и быстрый фреймворк на основе Angular. Возможности Vuejs включают:
· Возможность расширения компонентов до HTML-элементов.
· Возможность простого управления состоянием для большей реактивности.
· Применять переходы к обновленным элементам в модели DOM.
· Горячая перезагрузка DOM.
Конкуренты
К настоящему времени все должны знать, что React - главный конкурент. Но в этом году, набрав более 140 тысяч звезд на GitHub, Vue.js становится самой модной интерфейсной средой JavaScript, по сравнению с React и Angular в GitHub с разумным отрывом. Несмотря на всеобщую популярность, React все еще находится на подъеме, а Angular, благодаря своей специфике, удерживает свои позиции. Итак, почему Vue становится все популярнее с каждым месяцем?
Vue можно легко интегрировать в большие проекты для фронтенд-разработки без внешних проблем, и он легко адаптируется. Кроме того, его можно легко интегрировать в большие проекты для фронтенд-разработки без внешних проблем. Без каких-либо дополнительных плагинов и внешних библиотек Vue.js помогает кодировать устойчивые и надежные приложения. Сегодня у Vue много спонсоров и участников.
Однако в конкурсе фронтенд-фреймворков JS React побеждает с Vue.js с точки зрения популярности и коммерческого использования. Но нет никаких сомнений в том, что Vue будет медленно, но постепенно входить в реальность разработчиков.
«Я думаю, что Vue получил самый высокий рейтинг удовлетворенности среди фреймворков в State of JS в этом году (91,2%) - благодаря нашим пользователям, и мы стремимся добиться еще большего! Надеюсь, мы сможем изменить мнение 568 человек, которые не хотят использовать его снова ».
Эван Ю
Создатель Vue.js
Фактически, количество разработчиков, которые использовали Vue и будут использовать его снова, выросло с 19,6% в 2017 году до 28,8% в 2018 году, согласно исследованию Состояние JavaScript. Vue получил 91,2% фреймворка с наивысшим рейтингом удовлетворенности среди пользователей в том же опросе.
Давайте посмотрим на статистику.
Почему Vue.js будет расти?
Основываясь на лучших ингредиентах Angular и React и добавляя в них свои уникальные особенности, Vue получился достаточно вкусным, чтобы вызывать постоянный аппетит у JS-разработчиков.
Вот почему Vue становится более привлекательным.
Кривая плавного обучения
Плавная кривая обучения Vue покоряет сердца как новичков, так и опытных разработчиков. Ознакомившись с материалами, включенными в официальное руководство, вы можете приступить к созданию своего первого приложения Vue - никаких предварительных знаний о ES2015, TypeScript, JSX или системах сборки не требуется.
Все, что вам нужно для начала, - это базовые знания JavaScript, HTML и CSS. Хотя это и не обязательно, некоторый опыт использования фреймворков также приветствуется, особенно если вы хотите создавать более сложные веб-приложения (подробнее об этом позже).
Высокая доступность Vue помогает быстро развивающимся командам разработчиков задействовать все свои творческие силы, не тратя много времени на ознакомление с дополнительными расширениями синтаксиса. Собрать команду для проекта или интегрировать Vue в одну становится проще и быстрее. А разработчиков Vuejs в этой области пока не так много, разработчики, имеющие опыт работы с React, могут легко переключиться на Vue и начать приносить пользу в течение примерно недели.
Vue также сокращает время, необходимое для понимания общей сложности, например, Angular, что особенно удобно при написании простых веб-приложений.
Модульная и гибкая среда разработки
Веб-приложения, использующие Vuejs, созданы с использованием компонентов Vue. Хотя он уже дает разработчикам большую гибкость и адаптируемость в соответствии с потребностями проекта, однофайловые компоненты Vue слабо связаны, что улучшает повторное использование кода и сокращает время разработки.
Компонентная структура идеально подходит для создания приложений с целью масштабирования в будущем. В Vue создание крупномасштабных приложений требует использования модульной системы сборки с самого начала. Но Vue дает разработчикам некоторую гибкость здесь, потому что комплекты, рекомендованные Vue, Webpack или Browserify, имеют возможность позже преобразовывать исходный код с помощью препроцессоров по вашему выбору.
Удовольствие от развития
Разработчики часто подчеркивают, насколько комфортно они создают приложения на Vue. Свобода структурировать код так, как это нравится разработчику, и неоправданный способ кодирования - основные причины, по которым Vue так любят.
Сортировка кодовой базы не вызывает затруднений - практически все, что вам нужно, находится внутри файла .vue. От модели данных и шаблона до CSS, свойств, вычисленных значений и методов - знакомство с работой компонента избавляет вас от дополнительной головной боли.
Богатая экосистема и универсальность
Благодаря богатой коллекции библиотек и набора инструментов, облегчающих разработку, в мире Vue есть все, что нужно разработчику. Наиболее заметными инструментами, расширяющими возможности кодирования, являются превосходный Vuex для управления состоянием и Vue-routing для маршрутизации и сопоставления состояний одностраничного приложения с соответствующими URL-адресами. У Vue также есть DevTools, которые являются расширением для браузера. DevTools упрощает отладку приложений и проверку состояния и иерархии компонентов. Они позволяют вам редактировать ваше приложение в реальном времени, отслеживать пользовательские события и отлаживать приложение во времени, чтобы увидеть предыдущие версии и сделанные изменения.
Мобильная разработка
Vue дает разработчикам несколько ответов на кроссплатформенную разработку мобильного пользовательского интерфейса. Есть Weex, созданный платформой электронной коммерции Alibaba, и NativeScript с его обширным репозиторием инструментов, компонентов и плагинов. Недавно Ionic тоже попал в команду разработчиков Vue mobile.
В отличие от React Native: «Узнай один раз, напиши что угодно», и Weex, и NativeScript говорят: «Напиши один раз, запусти где угодно». Такой подход позволяет прозрачным и повторяемым образом управлять пользовательским интерфейсом между несколькими платформами. Это круто.
Реактивность
Данные в различных элементах HTML динамически отображаются в современных веб-приложениях. Vue снабжен эксклюзивным механизмом реактивности, который автоматически стимулирует пользовательский интерфейс. Такой подход экономит много времени и позволяет сэкономить дополнительные строки кода, которые разработчик может использовать, чтобы сконцентрироваться на запуске других инноваций и быть более продуктивным.
Высокая производительность встроенных приложений
Vue.js работает быстро. Это не самый быстрый фреймворк, но того, что сейчас доступно с Vue.js, достаточно, чтобы обеспечить безупречный UX как в SPA, так и в пользовательском интерфейсе.
В сфере мобильных приложений Vue развертывает приложения быстрее, чем Angular и React. Поскольку 53% пользователей покидают мобильные сайты, загрузка которых занимает более 3 секунд, а Интернет переключается на мобильные устройства, скорость Vue является важным преимуществом, которое следует учитывать при выборе интерфейсной среды JavaScript.
HTML шаблоны
Это немного сомнительно, но шаблоны Vue на основе HTML повышают производительность, особенно для тех из нас, у кого есть фон HTML. Шаблоны Vue также помогают включать характеристики реактивности в живые веб-приложения. Шаблоны скомпилированы Vue, чтобы обеспечить функциональность визуализации виртуальной DOM. В заключение, во время изменения состояния приложения Vue предлагает минимальное количество манипуляций с DOM.
Яркое Сообщество
Сообщество Vue процветает и активно способствует развитию фреймворка. Ежегодно по всему миру проводится несколько крупных конференций, полностью посвященных Vue.
Простое искусство освоения Vue
Vue.js имеет прекрасную официальную документацию, которая позволяет разработчикам ощутить практически все точки зрения Vue и его экосистемы. В официальном руководстве есть шаблоны и конкретная информация. Документы API предназначены для большинства тем, с которыми разработчики могут столкнуться при кодировании.
Учебники
Изучая Vue с помощью официальной документации, вы также можете овладеть искусством кодирования на Vue, выполнив любое из доступных руководств с видео и примерами. Бесплатные курсы аккуратно и увлекательно вводят вас в Vue - особенно Scrimba (рекомендовано Vue).
StackOverflow и официальный чат
Для некоторых проблем с кодом, не включенных в курсы и руководства, вы можете задать вопрос на StackOverflow. Все время появляются новые вопросы и ответы, поэтому велика вероятность, что вы получите ответ на свой вопрос независимо от его сложности.
И когда вы столкнетесь с насущной проблемой кодирования, вас не оставят в покое - вы можете попросить помощи у других программистов в официальном чате Vue и получить быстрый ответ.
Vue развивается
С момента его запуска в 2014 году многие разработчики сопротивлялись использованию Vue, опасаясь его отказа, в результате чего всем участникам пришлось столкнуться с кропотливой и дорогостоящей задачей по слиянию с другим фреймворком. Но этого, конечно же, не произошло. В сентябре 2018 года Эван Ю анонсировал Vue.js 3.0. Но точное время выпуска Vue 3 еще не подтверждено Эван Ю, но ожидается, что он выйдет в 2019 году. Мы также понимаем, что в настоящее время Vue находится на версии 2.6.10. Итак, самые обнадеживающие мы можем предположить, что бета и RC-версии Vue.js 3 в конце 2019 года, а стабильная версия Vue 3 - в первые месяцы 2020 года. И хотя точной даты выпуска пока нет, важно то, что это обновление на основе вклада и отзывов общественности. Поддержка известных брендов извне, быстрые темпы развития Vue - выдающийся подвиг.
Экосистема Vue становится больше и лучше, получая все больше и больше признания как разработчиков, так и компаний.
Кто использует Vue?
Vue.js, возможно, еще не самый популярный интерфейсный фреймворк JavaScript, но его приняли такие известные имена, как Alibaba, Grammarly, Xiaomi, Laracasts и Reuters. Вы можете просмотреть множество компонентов пользовательского интерфейса, веб-сайтов, шаблонов, плагинов, приложений и всего, что у вас есть, что было создано с помощью Vue, чтобы еще лучше понять достоинства Vue.
Что касается поддержки во внутренней части поля, Laravel, PHP-фреймворк, рекомендует использовать Vue.js для фронтенд-разработки, хотя это не является обязательным требованием.
Следует ли мне добавить Vue.js в свой технический стек?
Короче да. Но Vue - не единственная выдающаяся и надежная интерфейсная среда JS. Вам, вероятно, лучше всего будет протестировать и поработать с несколькими фреймворками, чтобы лично убедиться, какие из них подходят для ваших проектов и предполагаемого использования, а какие нет.
Тем не менее, люди любят Vue, это не полный фреймворк. Но давайте будем честными: он настолько близок к совершенству, насколько это возможно. И если мы пробуем фреймворки по их кривой обучения, непрерывности обслуживания и способности повысить продуктивность разработчиков, то Vue.js очищает, как ничто другое.
