Познакомьтесь с Vue.js, фреймворком Javascript для использования в вашем следующем веб-проекте
От Джон Прайс | Первоначально опубликовано на c2experience.com
Совсем недавно C2 Group работала с Vue.js над множеством веб-проектов, от отдельных функций до полноценных веб-сайтов, и хотела поделиться, почему это первая интерфейсная структура, к которой мы обращаемся, когда начинаем любой новый клиентский проект. .
Всего за несколько лет Vue.js превратился из проекта одного человека в один из самых популярных JavaScript-фреймворков.
Vue.js, впервые публично выпущенный в 2014 году бывшим сотрудником Google Эваном Ю, представляет собой интерфейс JavaScript с открытым исходным кодом для создания веб-интерфейсов пользователя и одностраничных приложений (SPA). Благодаря простоте обучения, элегантному стилю программирования и мощной архитектуре неудивительно, что сообщество, использование и экосистема выросли в геометрической прогрессии. Сегодня он стал рекордсменом JS-фреймворка с самым высоким рейтингом на GitHub.
Итак, стоит ли использовать платформу Vue.js в вашем следующем веб-проекте?
По нашему опыту, не должно быть большой разницы, какой фреймворк выбран для создания внешнего интерфейса веб-интерфейса. Создание восхитительно стабильных и удобных в сопровождении веб-интерфейсов должно быть жизнеспособным с любой современной структурой.
Тем не менее, мы полюбили Vue по ряду причин. Давайте изучим их.
Производительность
Vue довольно мал, его загруженный zip-файл фреймворка весит всего 18 КБ. Фреймворк не только быстро загружается и устанавливается, он также приносит пользу SEO и UX сайта, потому что его скорость загрузки страниц наследует его легковесную архитектуру. Частично это связано с тем, как Vue использует это. обновить весь вид.
Гибкость
Простой и понятный, Vue гибок и масштабируем. На практике это означает, что его можно использовать для огромных модульных SPA (одностраничных приложений), а также для создания небольших интерактивных частей, которые можно интегрировать с использованием другой технологии. Это может быть все, что вам нужно: просто библиотека в вашем проекте или полнофункциональный фреймворк, используемый для создания всего продукта.
Скорость кодирования
Простота шаблонов Vue означает также молниеносную скорость кодирования — особенно по сравнению с Angular — как с точки зрения дизайна, так и с точки зрения API. Настройка среды вашего проекта в Vue занимает намного меньше времени, чем в Angular. С Vue вам не нужно каждый раз изобретать велосипед; вы можете повторно использовать существующие компоненты фрагментов кода для ускорения разработки.
Организация
Однофайловые компоненты Vue упрощают масштабирование и навигацию по кодовой базе приложения. Это также позволяет разработчикам быстро просматривать содержимое файла и видеть, что он делает. Это связано с тем, что все хранится внутри файла vue.js, включая шаблон, CSS, методы, свойства, вычисленные значения, модель данных и т. д. .
Простота обучения и совместной работы
Vue позволяет чрезвычайно легко вводить новых людей в проект. Фактически, все, что вам нужно для начала работы с Vue, — это базовые знания HTML, CSS и JavaScript. Кроме того, самые популярные редакторы кода, такие как Visual Studio и Sublime text, поддерживают Vue. Наличие всего в одном файле, помимо отличной документации, позволяет разработчикам легко продолжить работу с того места, где остановился другой, и довольно быстро сосредоточиться на написании приложения.
Возможности интеграции
Одним из наиболее важных аспектов любой технологии является ее способность интегрироваться с существующими приложениями. С Vue это легко, потому что он полагается только на JavaScript и не требует для работы каких-либо других инструментов. Благодаря тому, что Vue позволяет вам писать шаблоны по своему усмотрению, его можно использовать практически в проекте любого размера. Vue масштабируется так же, как React, и масштабируется так же, как jQuery, что позволяет вам начать работу с одним тегом script на странице.
Удобство обслуживания
Наличие повторно используемой библиотеки компонентов позволяет упростить обслуживание и упростить среду для кода, в отличие от более традиционного беспорядочного или того, что мы любим называть «спагетти», кода. Функции, на разовую разработку которых обычно уходило до недели, теперь требуют часов для полной настройки каждого приложения после создания исходного компонента.
Документация
Чтобы правильно понять и получить максимальную отдачу от любого фреймворка, вам нужно знать его основы и хорошую документацию, а документация Vue превосходна. Руководства, примеры, вопросы и API очень хорошо задокументированы и охватывают большинство сомнений, которые мы обнаружили во время разработки.
Экосистема и сообщество
Vue существует исключительно благодаря своему сообществу. Вместо того, чтобы поддерживаться крупной корпорацией, как React от Facebook и Angular от Google, Vue исходит от сплоченного сообщества, которое за последние годы выросло в геометрической прогрессии. Между его форумом GitHub и Discord есть бесчисленное множество способов внести свой вклад и поучиться у всеобъемлющего сообщества Vue.
Итак, в чем подвох?
Как и все вещи, Vue имеет некоторые недостатки. В то время как некоторые разработчики могут восхищаться его гибкостью, другие предпочитают иметь только один правильный способ создания новых компонентов.
Между тем, React и Angular более известны и приняты, чем Vue, что приводит к меньшему пулу доступных, преданных своему делу программистов Vue. Компании могут выбрать другие фреймворки, чтобы избежать проблем с персоналом или поддержкой, которые могут возникнуть при незнании Vue.
Некоторые скептики могут зайти так далеко, что сказать, что Vue не является жизнеспособным выбором просто потому, что ему не хватает поддержки со стороны крупных технологических корпораций, таких как Facebook и Google. Хотя Vue все еще довольно мал, с тех пор он был принят большими и малыми компаниями, включая Alibaba, GitLab, Behance, Grammarly и Baidu.
Если вы все еще не уверены или нуждаетесь в большей ясности относительно Vue, мы рекомендуем вам пойти и проверить сравнение Vue с другими фреймворками или начать разговор с нами о том, как лучше всего включить Vue в ваш следующий веб-проект.
Джон Прайс — технический руководитель The C2 Group.
