Telegram
WhatsApp
#Разработка ПО
7 причин почему VueJS такой популярный
Есть несколько причин, по которым VueJS уже 3 года подряд занимает пьедестал почета как один из самых популярных JavaScript frontend-фреймворков – по результатам голосования самих разработчиков. В городе появился новый игрок – и это не React JS.
Легкая кривая обучения и оптимизированный фреймворк означают, что VueJS может в конечном итоге обойти React в качестве любимого JavaScript фреймворка или библиотеки среди разработчиков.
Но почему он завоевал такую популярность? И в чем его преимущества перед нынешним королем – React?
Что такое VueJS:
Хотя JavaScript – это отдельный зверь, экосистема, в которой он существует, важнее самого языка программирования. Фреймворки и библиотеки значительно облегчают жизнь разработчика, обеспечивая прочную платформу, что приводит к меньшему количеству неровностей на пути разработки.
VueJS является одним из таких фреймворков. Если рассматривать JavaScript как алфавит, то VueJS – это разговорник, который позволяет программисту строить разумные предложения для общения.
Vue – это прогрессивный фреймворк с открытым исходным кодом, который разработан для постепенного внедрения, поскольку основная библиотека ориентирована только на слой представления. Тем не менее, он более чем способен обеспечить работу сложных одностраничных приложений с помощью современных инструментов и при наличии библиотек для их поддержки.
Изначально VueJS был разработан как способ взять лучшие части Angular и создать на их основе собственный инструмент. Вместо непосредственной работы с DOM была выбрана привязка данных и способ работы с объектной моделью документа на основе HTML.
В отличие от React от Facebook и Angular от Google, VueJS разрабатывается и финансируется исключительно за счет пожертвований пользователей через Patreon. Интересно видеть такое широкое распространение на GitHub, несмотря на отсутствие поддержки, которую имеют члены Большой четверки технологических компаний.
Для чего используется VueJS:
VueJS в основном используется для создания веб-интерфейсов и одностраничных приложений. При этом его можно применять как для разработки настольных, так и мобильных приложений благодаря расширениям HTML и базе JS, работающим в тандеме с фреймворком Electron, что делает его наиболее популярным фронтенд-инструментом.
Vue делает это с помощью традиционной архитектуры Model View Controller или MVC для просмотра пользовательского интерфейса приложения или веб-сайта, используя свою основную библиотеку в качестве слоя представления по умолчанию. Он гибкий, так как может работать с архитектурой на основе компонентов (Component Based Architecture или CBA), подобно той, что используется в React.
Почему VueJS популярен:
Проще говоря, это продукт, ориентированный на представление. Представление – это самая важная часть всего, что происходит внутри системы, и вся информация подтверждается только в том случае, если она правильно взаимодействует с представлениями. Создать всего лишь одно представление довольно просто, и здесь кроется главное преимущество и желание использовать VueJS – простота и низкий начальный барьер. Все, что вам нужно сделать, это загрузить интерфейс и добавить JavaScript для начала работы. Затем данные отправляются в представление напрямую, используя простой синтаксис, где VueJS автоматически рендерит элементы без кодирования – экземпляр системы может быть использован для рендеринга элемента.
Инструмент позволяет изменять части кода, сохраняя информацию в объекте данных, в то время как обновления затрагивают другие связанные части в режиме реального времени.
Плюсы VueJS:
1 – Легкий вес:
Фреймворк VueJS крошечный, почти комичный. Его размер составляет всего 18 килобайт – мигание занимает больше времени, чем загрузка.
2 – Не требует усилий:
VueJS очень прост в освоении, и именно эта характеристика стала основной причиной его широкого и все более широкого распространения среди программистов. Чтобы начать кодить на Vue, вам не нужно разбираться в библиотеках, JSX или TypeScript на уровне эксперта, как в случае с Angular или React. Все, что требуется, – это базовые знания HTML, CSS и JavaScript.
3 – Быть инструментом:
Спустя 6 лет после выпуска VueJS накопила мощный набор инструментов для модульного и сквозного тестирования, а также систему установки плагинов. Учитывайте, что VueJS имеет свой собственный браузер
инструменты отладки, серверный рендерер и менеджер состояний, и вы будете хорошо оснащены и на пути к созданию фронтенда.
4 – Чувство сообщества:
Онлайн-сообщество VueJS – это не что иное, как фантастически полезное сообщество. Краудфандинговая природа платформы и тот факт, что она не поддерживается такими компаниями, как Facebook или Google, сделали Vue культовым последователем. Как результат, существует множество руководств, которые помогут вам, а также супер активные каналы Reddit и Discord, где какой-нибудь “Полезный Гарри” сможет компетентно ответить на ваши вопросы.
5 – DOM-инант:
Как мы уже говорили, DOM – это представление HTML-страниц со стилями, элементами и содержимым страницы в виде связанных объектов. Это создает нечто похожее на перевернутое семейное дерево, где документ разветвляется на различные части, связанные линиями, которые демонстрируют отношения.
По мере того как пользователь взаимодействует с веб-страницей на основе HTML, браузер должен обновлять информацию и выводить ее на экран пользователя по мере изменения состояния объектов. Этот процесс обычно громоздкий и медленный, так как даже при изменении одного объекта приходится обновлять всю страницу. VueJS использует виртуальную копию исходного DOM, которая определяет, какие элементы требуют обновления, без повторного отображения всего DOM, что значительно повышает производительность и скорость работы приложения. Даже лучше, чем React JS и Angular.
6 – Двуликий:
VueJS унаследовал двустороннюю привязку данных от своего родителя, Angular. Это связь между обновлениями данных модели и представлением пользовательского интерфейса. Это значительно упрощает обновление связанных компонентов и отслеживание обновляемых данных.
В VueJS связанные данные обновляются по мере изменения объектов DOM в реальном времени – и эта реактивность делает обновление данных более лаконичным и гораздо более простой задачей.
7 – Разделяй и властвуй:
В VueJS каждая часть веб-страницы или приложения выражается в виде компонента – инкапсулированного элемента пользовательского интерфейса. Они могут быть написаны на HTML, CSS и JavaScript без необходимости разделять их на отдельные файлы.
Эти куски кода можно повторно использовать в качестве шаблонов для аналогичных элементов системы. Поскольку они хранятся в отдельных файлах, макет очень легко читать и понимать, а значит, его легче поддерживать и исправлять.
поддерживать и исправлять. Тестирование позволяет проверить, как работают даже самые маленькие компоненты приложения сами по себе.
Благодаря такой гибкости VueJS может интегрироваться практически в любое существующее приложение. Он основан на JavaScript, и для его работы не нужны никакие другие инструменты. Переход с React или Angular на VueJS не вызывает никаких проблем, поскольку Vue, по сути, представляет собой смесь этих двух технологий и может работать как с Model View Controller, так и с архитектурой на основе компонентов.
Минусы VueJS:
1 – Языковой барьер:
VueJS был разработан в Китае и поэтому чрезвычайно популярен там. Некоторые обсуждения на форумах, описания плагинов и обучающие документы написаны на китайском языке, поэтому не исключено, что в процессе работы что-то будет потеряно при переводе.
2 – Poverty Pack:
Так как VueJS финансируется и разрабатывается сообществом и не имеет значительной поддержки, ему не хватает поддержки для адаптации к крупномасштабным проектам. Технология не является достаточно стабильной или сильно поддерживаемой, чтобы предложить мгновенные исправления проблем, которые потребовались бы огромной компании – и которые можно было бы получить от поддержки React или Angular.
Кроме того, хотя разрабатывается все больше и больше инструментов, VueJS еще предстоит пройти долгий путь по сравнению с огромным количеством инструментов, которые есть в распоряжении React и Angular, но это не значит, что когда-нибудь это не произойдет.
3 – Неопытность:
Поскольку VueJS существует не так долго, как его конкуренты, и ему потребовалось время, чтобы прорваться на рынок и получить массовое распространение среди программистов, существует феномен, когда на рынке труда нет большого количества опытных разработчиков VueJS.
Кто использует VueJS:
Все больше и больше компаний начинают использовать VueJS для создания своих внешних пользовательских интерфейсов и веб-сайтов. Nintendo, Louis Vuitton, Adobe, BMW, Upwork, Alibaba, Gitlab и Xiaomi – все они являются пользователями VueJS. Даже Google построил свою платформу Careers на основе VueJS, а не на родном фреймворке Angular, а Apple создала свой обучающий сайт на VueJS.
VueJS пережил такой всплеск популярности, потому что разработчикам просто чертовски легко адаптировать и внедрить основные элементы, которые необходимы каждому приложению или сайту для функционирования пользовательского интерфейса.
Степень сложности для начала работы в рамках VueJS минимальна, и те, кто знаком с основными языками кодирования HTML, CSS и JavaScript, могут буквально прыгнуть в глубокую воду, не опасаясь утонуть в бассейне.
Большим плюсом является то, что инструментарий и поддержка будут только улучшаться с более широким распространением, и тот факт, что Vue может конкурировать с такими большими мальчиками, как React и Angular, не требуя при этом огромных инвестиций, показывает, насколько способным является фреймворк, и что он может затмить своих конкурентов в ближайшие годы.
На мой взгляд это самый крутой фреймворк, который я когда-либо использовал. Он легкий, простой для понимания и имеет очень удобную экосистему библиотек. Юзаю его уже больше года и не вижу себя в работе с каким-либо другим фреймворком.