Найти в Дзене
Каморка Программиста

История VUE, самой народной библиотеки, созданной на коленке

Народ, всем привет. Я люблю JS, люблю писать приложения, сайты, люблю использовать библиотеки. И пусть я больше использую в работе React, в мире есть еще парочка отличных «библиотечек», например Vue.js, прогрессивная JavaScript-библиотека для создания пользовательских интерфейсов. За довольно короткое время она сразу завоевала сердца миллионов разработчиков по всему миру. Простота, гибкость и мощный функционал сделали Vue одним из самых популярных фреймворков для фронтенда. Но как всё начиналось? Кто стоит за Vue, и как он стал тем, чем является сегодня? Разве не интересно? Погнали… Vue.js был создан Эваном Ю (Evan You) — бывшим сотрудником Google. Работая над внутренними проектами компании, он использовал AngularJS и начал задумываться: "Что если взять лучшее от Angular, но сделать это легче и проще?" Так в 2013 году родилась идея собственной библиотеки, которая позже получила название Vue.js (от французского "vue" — "вид"). Официальный релиз Vue.js 0.9 состоялся в феврале 2014 года.
Оглавление

Народ, всем привет. Я люблю JS, люблю писать приложения, сайты, люблю использовать библиотеки. И пусть я больше использую в работе React, в мире есть еще парочка отличных «библиотечек», например Vue.js, прогрессивная JavaScript-библиотека для создания пользовательских интерфейсов. За довольно короткое время она сразу завоевала сердца миллионов разработчиков по всему миру. Простота, гибкость и мощный функционал сделали Vue одним из самых популярных фреймворков для фронтенда. Но как всё начиналось? Кто стоит за Vue, и как он стал тем, чем является сегодня? Разве не интересно? Погнали…

Идея одного человека

Vue.js был создан Эваном Ю (Evan You) — бывшим сотрудником Google. Работая над внутренними проектами компании, он использовал AngularJS и начал задумываться:

"Что если взять лучшее от Angular, но сделать это легче и проще?"

Так в 2013 году родилась идея собственной библиотеки, которая позже получила название Vue.js (от французского "vue" — "вид"). Официальный релиз Vue.js 0.9 состоялся в феврале 2014 года. Это была небольшая библиотека, ориентированная только на View-слой (то есть отображение данных, без сложной архитектуры). Она быстро привлекла внимание тех, кто хотел лёгкую альтернативу тяжеловесным решениям.

-2

Если рассматривать ключевые особенности раннего Vue, то можно выделить:

  • декларативный рендеринг с использованием шаблонов
  • реактивность данных (двусторонняя привязка)
  • ну и простоту интеграции в существующие проекты
Интересный факт: в первое время проект велся в одиночку. Эван Ю был и автором, и разработчиком, и комьюнити-менеджером.

Рост и признание

В 2015 году вышла версия 1.0 и Vue перестал быть просто "интересной библиотекой", а стал полноценным инструментом для создания SPA (одностраничных приложений). Главными ключевыми нововведения стала компонентная архитектура и интеграция с инструментами сборки (Webpack). Также появились Vue Router и Vuex — официальных решений для маршрутизации и управления состоянием. Комьюнити начало активно расти, появились первые сторонние плагины, компоненты и шаблоны. Многие разработчики начали использовать Vue в продакшене.

Кстати, Вам может быть это интересно:

Vue выделялся на фоне конкурентов некой своей философией, состоявших из трех ключевых пункта:

  1. Прогрессивность - можно использовать только часть Vue, а можно построить целое приложение.
  2. Простота - низкий порог входа, понятная документация.
  3. Гибкость - можно писать на шаблонах, а можно на чистом JavaScript или JSX.

В сентябре 2016 года вышел Vue.js 2.0, ставший важной вехой в развитии библиотеки. Главным нововведением, влияющим на дальнейшее его развитие и рост популярности, стал Virtual DOM — производительность стала сопоставима с React, что сделало его конкурентноспособным в схожих нишах. Плюс улучшенная система реактивности, поддержка серверного рендеринга (SSR) и оптимизация для мобильных устройств. Vue стал рассматриваться как реальный конкурент React и Angular, особенно в странах Азии (Vue стал очень популярен в Китае).

-3

Vue 3.0: Эволюция

В сентябре 2020 года вышел Vue.js 3.0, известный под кодовым именем "One Piece". Если рассматривать тезисно, что принесла новая версия, то можно выделить два ключевых момента:

  1. Новый механизм реактивности — Proxy. Старая реализация Object.defineProperty имела ограничения и использование Proxy сделало реактивность более гибкой и производительной.
  2. Composition API, альтернатива Options API, которая улучшает повторное использование логики, особенно в больших проектах (похож на подход React Hooks).

Ну и по мелочи, так сказать, улучшенная производительность, меньший размер сборки, быстрее рендеринг и улучшенная поддержка TypeScript. Еще можно выделить отдельно поддержку специальных фреймворков, завоевавших популярность (например, Vite — новый инструмент сборки от Эвана Ю, Nuxt 3 — SSR и SSG, Quasar 2 — UI-фреймворк).

-4
Если Вам нравятся наши статьи, и вы хотите отблагодарить автора (на развитие канала), нам будет очень приятно!

Vue развивается благодаря открытому сообществу и поддержке через платформу Patreon. Сам Эван Ю работает над Vue фуллтайм, благодаря спонсорской поддержке. На данный момент комьюнити Vue насчитывает более 2 миллионов пользователей по всему миру, тысячи плагинов и компонентов, активные чаты, форумы, YouTube-каналы и конференции

Vue.js прошёл путь от одиночного проекта до одного из лидеров фронтенд-разработки. Его история вдохновляет: проект, созданный из желания «сделать лучше», одним человеком, в гараже, стал выбором миллионов. И хотя конкуренция между React, Angular и Vue остаётся, Vue сочетает в себе гибкость, простоту, мощность и дружелюбие к разработчику.