Сравнение Angular, React и Vue в 2020 году

Фронт-енд – стремительно растущее направление в разработке. Для него создана масса инструментов, библиотек и фреймворков, которые значительно...

Содержание

#1. Спрос на специалистов
#2. Скорость рендера
#3. Популярность
#4. Частота скачиваний
#5. Статистика Github
#6. Поисковые запросы
#7. Итоги статистики
#8. Обновления
#9. Мнение ИТ-разработчиков
#10. Работа с фреймворками
#11. Размер библиотек
#12. Компоненты
#13. Время на изучение
#14. Преимущества и недостатки
#15. React
#16. Angular
#17. Vue
#18. Суммируя вышеизложенное…

Фронт-енд – стремительно растущее направление в разработке. Для него создана масса инструментов, библиотек и фреймворков, которые значительно облегчают работу и помогают создать лучший проект. Но что же выбрать из всего набора?

Еще год назад у разработчиков точились споры между Angular и React. Но в 2018 набрал популярность еще один «игрок» – Vue. Потому к 2020 нужно определиться между тремя, что усложняет выбор.

На этом фоне хотелось бы представить статистику использования каждого продукта, отношение разработчиков к ним, а также основные преимущества и недостатки. Я не смогу дать точный ответ на вопрос «что лучше выбрать?». Моя цель – дать максимум информации, на основе которой Вы сможете сделать выбор сами.

Спрос на специалистов

Маловероятно, что Вы хотите изучать такие продукты ради интереса. Скорее всего, Вы планируете использовать будущие знания для работы на какую-то компанию. Потому нужно понимать, какие специалисты самые востребованные на разных ресурсах.

Сравнение Angular, React и Vue востребованность

Востребованность разработчиков на разных ресурсах поиска работы

Как видно, специалисты со знанием Angular самые востребованные, хотя запросов на React разработчиков не меньше. Такие показатели не удивление, даже с учетом слухов, что Angular сдает позиции. Сегодня он просто имеет хорошую конкуренцию, в сравнении с 2012-2014 годами, когда не было того же React.

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

Скорость рендера

Скорость работы важно для каждого разработчика. Речь не о том, что задержки могут раздражать. Для каждого проекта есть дедлайн. Приоритет – закончить работу раньше, чтобы внести правки при необходимости.

Как видно, Angular значительно превосходит своих конкурентов. Во многом это обеспечено последними обновлениями. Многие разработчики уверяют, что Angular v.2+ – новая глава в истории фреймворков.

Но более интересно, что темная лошадка Vue обошел по показателям React. Соответственно, не просто так данный фреймворк в 2018 году набрал оборотов и занял высокие позиции рейтингов.

Популярность

Частота скачиваний

Теперь рассмотрим частоту использования и поиска этих фреймворков. Это напрямую отражает их востребованность среди пользователей. Соответственно, можно будет сделать предварительные выводы, какой продукт разработчики предпочитают больше всего.

Сравнение Angular, React и Vue скачивания

Количество скачиваний фреймворков. Источник изображения

React, как и ожидалось, намного превосходит Angular и Vue. Стоит отметить, что его скачивают все больше, за исключением маленького скачка в начале 2019. Vue также постепенно набирает обороты, а вот Angular практически не двигается с места по количеству скачиваний.

Вероятно, это связано с множеством споров и слухов, что эта среда разработки стала намного хуже и ее использование сегодня не рационально. Достаточно известное сообщество среди разработчиков – The State of Javascript опубликовало результаты опросов, согласно которым действительно начались разговоры об ухудшении Angular в сравнении с его конкурентами. Но точный ответ сейчас дать нельзя, поскольку есть еще очень много сторонников этого продукта.

Статистика Github

Поскольку Github – самая крупная площадка для размещения IT-проектов, нельзя пойти мимо него при сравнении популярности фреймворков.

Сравнение Angular, React

Прежде всего видим, что у Angular почти в три раза меньше звезд и копий репозитория, что отражает его низкую популярность относительно двух конкурентов. При этом, пользователями отмечено больше проблем или предложено улучшений.

Два фактора показывают, что Angular действительно оценивают намного хуже, чем в прошлые года. Но сам фреймворк улучшается. Однако его показатели сильно проседают в сравнении с конкурентами.

Сравнение Angular, React и Vue топовые проекты

Топовые проекты с открытым исходным кодом. Источник изображения

Несмотря на это, в список лучших фрейморков с открытым кодом Vue сегодня даже не попал. React при этом занимает второе место, а Angular – шестое, с довольно небольшим отставанием. (Вся статистика состоянием на 8 марта 2019 года).

Поисковые запросы

Запросы Google нельзя брать как основной показатель. Во-первых, даже фреймворки далеко не всегда ищут исключительно веб-дизайнеры. Во-вторых, их часто ищут запросом из одного слова (к примеру «React» вместо «React developer»), а два из трех названий могут иметь смысл, не связанный с ИТ.

Сравнение Angular, React и Vue IT

А теперь статистика с видоизмененным поисковым запросом:

Сравнение Angular, React и Vue запросы

Как видно, в первом случае React занимает первое место, Angular второе, а Vue, вполне ожидаемо – третье. Но при поиске вводом лишь одного слова статистика кардинально меняется.

Итоги статистики

В целом заметен рост каждого продукта, если говорить о количестве загрузок и активности на Github. Даже несмотря на увеличившиеся недовольство, Angular все еще держится на своих позициях.

Тем не менее, можно заметить непропорциональную разницу между фактическим использованием Vue и звездами на Github. Ведь на самом деле, этот фреймворк еще не достиг уровня Angular и React.

Январский отрицательный скачок свидетельствует о том, что эти две среды разработки все же имеют проблемы и, вероятно, их рост немного замедляется. Особенно это заметно в Китайском регионе, где многие разработчики стремительно переходят на Vue. Потому, вполне возможно, что в 2020 году графики кардинально изменятся.

Важное замечание: Vue уже сегодня используется такими гигантами экономики, как Alibaba, Xiaomi, Tencent и Baidu. Все они представители китайского рынка, который активно развивается и практически вытесняет западный. Потому, я предполагаю, что в 2020 Vue не просто поднимет свои позиции, но и спрос на специалистов этого фреймворка станет значительно выше.

Обновления

Переход к новой версии всегда приносит с собой новые ошибки и баги. Так, к примеру, пользователи Instagram в большинстве случаев жалуются проблемы в работе отдельных инструментов почти после каждого обновления. У игроков Dota 2 вовсе есть целый ряд шуток по поводу зависаний игры и сломанной механики героев во время очередного обновления.

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

Angular проводит масштабные обновления, но планирует их в среднем 6 месяцев. Более того, основные API предыдущей версии устаревают в течении 6 месяцев после обновления. Потому у пользователей есть достаточно времени для внесения всех необходимых правок.

Facebook заявили, что стабильность для них имеет первостепенное значение. Потому в React переход к новой версии проходит довольно просто. Частью обновления является сценарий, помогающий пользователю перейти к следующей версии обеспечения.

Что касается Vue, 90% API смежных версий практически идентичны. Потому при обновлениях проблем практически не возникает. Более того, в данном фреймворке есть инструмент, который контролирует состояние приложений после перехода на новую версию.

Мнение ИТ-разработчиков

Программирование – целое искусство, потому при использовании различных инструментов нужно их любить, а не просто использовать. Ведь намного проще работать с тем, что приносит удовольствие. Потому предлагаю Вам статистику The State of Javascript об отношении разработчиков к каждому из фреймворков.

Сравнение Angular, React и Vue показатели статистики


Во многом данные результаты отображают предыдущие графики. Снова React имеет большое преимущество, так как больше половины респондентов ответили, что будут использовать данный продукт снова. В то же время, только 23.9% опрашиваемых желают продолжить работу с Angular, а 33.8% больше не будут его использовать.

Что касается Vue, почти все, кто уже работал с фреймворком, не против продолжить его использование. И почти 50% заинтересованы в изучении этой среды разработки. Очередное подтверждение, что Angular утратил свои позиции в связи с развитием других продуктов.

Работа с фреймворками

В данном случае я не рассматривал все особенности продуктов, а обратил внимание лишь на ключевые из них, которые разработчик будет упоминать в первую очередь.

Размер библиотек

  • Angular 500+ KB;
  • React 100 KB;
  • Vue 80 KB.

Компоненты

Компоненты – это интегральные составляющие фреймворков. Как правило, они получают входные данные и изменяют поведение приложения на их основе. Визуально это проявляется в виде изменения пользовательского интерфейса.
  • компоненты разделены (часть отвечает за пользовательский интерфейс, а часть – за поведение);
  • одна и та же часть кода может отвечать как за создание элемента интерфейса, так и за его поведение;
  • UI и поведение также могут быть комбинированными, однако этого можно достигнуть без использования дополнительных скриптов, что делает Vue более интуитивно понятным.

Время на изучение

  • кривая обучения Angular достаточно крутая, поскольку для его освоения необходимо изучить связанные понятие вроде Typescript и MVC;
  • React предоставляет краткое руководство, благодаря которому настроить данный продукт можно за час. Однако он не является полным набором решений, потому есть необходимость использования сторонних библиотек. Соответственно, время зависит от того, какие дополнительные функции будут выбраны;
  • как уже сказано, Vue интуитивно понятен, потому его освоение будет достаточно быстрым. Однако, при работе с ним допустима нехватка кода, потому требует постоянной отладки и дополнительного тестирования.

Преимущества и недостатки

Возвращаясь к The State of Javascript хочу также обратить Ваше внимание, на положительные и отрицательные качества каждого продукта, которые отметили сами разработчики.

React

Сравнение Angular, React и Vue преимущества
Преимущества использования React. Источник изображения
Сравнение Angular, React и Vue недостатки
Недостатки использования React. Источник изображения

Angular

Сравнение Angular, React и Vue Плюсы
Преимущества использования Angular. Источник изображения
Сравнение Angular, React и Vue минусы
Недостатки использования Angular. Источник изображения

Vue

Сравнение Angular, React и Vue за и против
Преимущества использования Vue. Источник изображения
Сравнение Angular, React и Vue плюсы и минусы
Недостатки использования Vue. Источник изображения

Суммируя вышеизложенное…

Angular – хороший выбор для больших корпораций, так как имеет полный набор инструментов и качественную поддержку. Тем не менее, его кривая изучения крута, потому для новичков данный фреймворк будет очень сложным.

React – достаточно «взрослый» продукт, пользующийся сегодня наибольшей популярностью и признательностью разработчиков. Гибкость и возможность простой интеграции с другими библиотеками – одна из ключевых особенностей продукта. На данный момент самый универсальный вариант среди трех сравниваемых.

Vue – существует уже несколько лет, но по факту новичок на рынке. Все же, на его использования перешли большинство крупных азиатских компаний, что говорит о его качестве. Особенно хорошо подойдет для тех, кому нужен быстрый рост. К примеру, старт-апу с молодой командой стоило обратить внимание именно на эту среду разработки.

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

Оцените (2 голосов - 4.7 из 5)
Спасибо!