Фото Wu Jianxiong на Unsplash.

Когда я начал свою карьеру программиста, Angular был первым фреймворком, который я изучил. В то время это был самый популярный и самый используемый фреймворк JavaScript среди разработчиков. Но с развитием таких фреймворков, как React и Vue, Angular, похоже, потерял свои позиции в качестве ведущей интерфейсной среды JavaScript, и ведутся огромные споры о плюсах и минусах его изучения в 2020 году.

Итак, я решил сравнить его характеристики и статистику с характеристиками конкурентов, чтобы понять, хватит ли только знания Angular, чтобы выжить в 2021 году.

Прошлое, настоящее Angular

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

Помимо того, что Angular является частью знаменитого стека MEAN, он предоставляет несколько замечательных функций:

  • Двусторонняя привязка данных
  • Внедрение зависимости
  • Архитектура MVVC
  • Angular CLI
  • Поддержка TypeScript
  • Директивы

С другой стороны, возможности Angular были поставлены под сомнение из-за новых фреймворков. В большинстве случаев поддержка SEO, размер фреймворка, обновления и кривая обучения - это общие проблемы, которые люди испытывают по поводу Angular. Если мы просто рассмотрим Angular, эти вещи не кажутся большими проблемами. Но когда мы узнаем о таких фреймворках, как React или Vue, мы чувствуем, что всего этого можно легко добиться, используя их.

Плюсы использования Angular

  • Подходит для крупномасштабных приложений, требующих надежной и масштабируемой архитектуры.
  • Содержит большую экосистему зависимостей и библиотек. Это позволяет разработчикам сосредоточиться на основных функциях приложения, не беспокоясь о мелочах.
  • Angular поддерживается Google и хорошо зарекомендовал себя. Это означает, что вы можете без колебаний использовать Angular в своей работе. Он также содержит обширную документацию, которую вы можете легко понять и которой легко следовать.
  • Angular написан с использованием TypeScript, что делает код более понятным и понятным для всех.
  • Такие функции, как внедрение зависимостей, компиляция AOT и двусторонняя привязка данных, увеличивают время загрузки и сокращают время разработки приложения, что делает Angular идеальным выбором для крупномасштабных приложений.
  • Ограниченная поддержка SEO.

Минусы использования Angular

  • Кривая обучения может быть немного крутой для новичков.
  • Angular - это тяжелый фреймворк по сравнению с React и Vue.
  • Встроенная поддержка с React Native.

Влияние React и Vue

Реагировать

React стал основным конкурентом Angular за последние 2–3 года, и кажется, что разработчикам удобнее работать с React, чем с Angular. React покрыл множество недостатков Angular, включая поддержку SEO, размер фреймворка и т. Д. Некоторые из его функций включают:

  • Насыщенная экосистема такими библиотеками, как Redux.
  • Легковес по сравнению с Angular.
  • Компоненты многоразового использования.
  • Лучшая производительность.
  • Большое сообщество и постоянные обновления.
  • Создание SPA или кроссплатформенных приложений.

Благодаря всем этим функциям React лучше всего подходит для таких ситуаций, как:

  • Разработка приложений для малых предприятий.
  • Приложения, включающие множество изменений состояния.
  • Легкий.

Vue

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

  • Слоты Vue делают ваш код легко понятным.
  • Вы можете создавать и совместно использовать независимые компоненты.
  • Шаблон управления состоянием Vuex позволяет поддерживать хорошо организованный проект.
  • Поддержка тестового фреймворка.
  • Поддержка TypeScript.
  • Для создания небольших и легких приложений.

Кроме того, есть некоторые конкретные случаи, когда Vue может быть для вас лучшим решением:

  • Для создания умных и высокопроизводительных приложений.
  • Для раннего выхода приложения на рынок.
  • «Https://www.ausy.fr/alex/ligue-1/Pv-M000.html»
    «https://www.ausy.fr/alex/ligue-1/Pv-M001.html»
    «https://www.ausy.fr/alex/ligue-1/Pv-M002.html»
    «https://www.ausy.fr/alex/ligue-1/Pv- M003.html »
    « https://www.ausy.fr/alex/ligue-1/Pv-M004.html »
    « https://www.ausy.fr/alex/ligue- 1 / Bv-R000.html »
    « https://www.ausy.fr/alex/ligue-1/Bv-R001.html »
    « https://www.ausy.fr/ alex / ligue-1 / Bv-R002.html »
    « https://www.ausy.fr/alex/ligue-1/Bv-R003.html »
    « https: // www. ausy.fr/alex/ligue-1/Bv-R004.html »
    « https://carepropertyinvest.be/invest/ligue-1/Bv-R000.html »
    « https: // carepropertyinvest.be/invest/ligue-1/Bv-R001.html »
    « https://carepropertyinvest.be/invest/ligue-1/Bv-R002.html »
    « https: // carepropertyinvest.be/invest/ligue-1/Bv-R003.html »
    « https://carepropertyinvest.be/invest/ligue-1/Bv-R004.html »
    « https: // carepropertyinvest.be/invest/ligue-1/Pv-M000.html »
    « https://carepropertyinvest.be/invest/ligue-1/P- v-M001.html »
    « https://carepropertyinvest.be/invest/ligue-1/Pv-M002.html »
    « https://carepropertyinvest.be/invest/ligue-1/ Pv-M003.html »
    « https://carepropertyinvest.be/invest/ligue-1/Pv-M004.html »
    « https://www.ausy.fr/alex/ligue- 1 / Re-Bo-en-dir-tv-s01.html »
    « https://www.ausy.fr/alex/ligue-1/Re-Bo-en-dir-tv-s02.html »
    « https://www.ausy.fr/alex/ligue-1/Re-Bo-en-dir-tv-s03.html »
    « https://www.ausy.fr /alex/ligue-1/Re-Bo-en-dir-tv-s04.html »
    « https://www.ausy.fr/alex/ligue-1/Re-Bo-en-dir- tv-s05.html »
    « https://www.ausy.fr/alex/ligue-1/Re-Bo-en-dir-tv-s06.html »
    « https: // www.ausy.fr/alex/ligue-1/Re-Bo-en-dir-tv-s07.html »
    « https://www.ausy.fr/alex/ligue-1/Re-Bo -en-dir-tv-s08.html »
    « https://carepropertyinvest.be/invest/ligue-1/Re-Bo-en-dir-tv-s01.html »
    « https : //carepropertyinvest.be/invest/ligue-1/Re-Bo-en-dir-tv-s02.html »
    « https://carepropertyinvest.be/invest/ligue-1/Re-Bo- en-dir-tv-s03.html »
    « https: // careprope rtyinvest.be/invest/ligue-1/Re-Bo-en-dir-tv-s04.html »
    « https://carepropertyinvest.be/invest/ligue-1/Re-Bo-en-dir -tv-s05.html »
    « https://carepropertyinvest.be/invest/ligue-1/Re-Bo-en-dir-tv-s06.html »
    « https: // carepropertyinvest .be / invest / ligue-1 / Re-Bo-en-dir-tv-s07.html »
    « https://carepropertyinvest.be/invest/ligue-1/Re-Bo-en-dir- tv-s08.html »
    « https://www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q00.html »
    « https://www.ausy. fr / alex / ligue-1 / Ren-Bor-www-Q01.html »
    « https://www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q02.html »< br /> «https://www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q03.html»
    «https://www.ausy.fr/alex/ligue-1 /Ren-Bor-www-Q04.html »
    « https://www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q05.html »
    « https: / /www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q06.html »
    « https://www.ausy.fr/alex/ligue-1/Ren-Bor-www- Q07.html »
    « https://www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q08.html »
    « https://www.ausy.fr/ alex / ligue-1 / Ren-Bor-www-Q09. html »
    « https://www.ausy.fr/alex/ligue-1/Ren-Bor-www-Q10.html »
    « https://carepropertyinvest.be/invest/Ren- Bor-www-Q00.html »
    « https://carepropertyinvest.be/invest/Ren-Bor-www-Q01.html »
    « https://carepropertyinvest.be/invest/Ren- Bor-www-Q02.html »
    « https://carepropertyinvest.be/invest/Ren-Bor-www-Q03.html »
    « https://carepropertyinvest.be/invest/Ren- Bor-www-Q04.html »
    « https://carepropertyinvest.be/invest/Ren-Bor-www-Q05.html »
    « https://carepropertyinvest.be/invest/Ren- Bor-www-Q06.html »
    « https://carepropertyinvest.be/invest/Ren-Bor-www-Q07.html »
    « https://carepropertyinvest.be/invest/Ren- Bor-www-Q08.html »
    « https://carepropertyinvest.be/invest/Ren-Bor-www-Q09.html »
    « https://carepropertyinvest.be/invest/Ren- Bor-www-Q10.html »

Пусть говорят статистики

Обзор переполнения стека

Источник: Stack Overflow

В этом опросе, проведенном Stack Overflow, чтобы узнать, какой веб-фреймворк является самым любимым, страшным и желанным, React и Vue заняли первое и второе места соответственно в разделах Любимое и Разыскивается. Между тем, Angular занял третье место. Насколько я помню, Angular лидировал в этих категориях в 2018 году.

Тенденции NPM

Источник: NPM Trends

На приведенном выше графике тенденций NPM показано количество загрузок каждого фреймворка за определенный период времени. На скриншоте показана статистика за последние шесть месяцев, и мы видим, что React явно лидирует с почти 9 миллионами загрузок. Vue и Angular борются за второе место.

Еще одна особенность трендов NPM заключается в том, что они также показывают данные с GitHub. На скриншоте ниже вы можете увидеть количество вилок, звездочек и проблем для каждого фреймворка:

Источник: NPM Trends

Эта статистика еще раз подчеркивает потерю пользователей Angular. Angular имеет только 67000+ звезд, в то время как Vue и React значительно опережают их с 158000+ и 175000+ звездами в своих репозиториях на GitHub.

Состояние JavaScript

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

Источник: https://2019.stateofjs.com/front-end-frameworks/

Как мы видим, наибольшее количество пользователей, скорее всего, снова будут использовать React и Vue, а не Angular. Кроме того, количество пользователей, проголосовавших «Я использовал его раньше и НЕ буду использовать его снова», больше у Angular, чем у двух других. Это означает, что Angular быстро теряет своих пользователей.

Может ли Angular 10 иметь значение?

Несоблюдение требований пользователей посредством обновлений является одним из основных критических замечаний в адрес Angular. Но в течение этого года Angular выпустил два основных обновления (Angular 9 и Angular 10). Хотя обновление Angular 10 содержит некоторые существующие функции, такие как языковая служба, обновление компилятора, новая конфигурация браузера по умолчанию, поддержка Ngcc, Typescript 3.9, локализация, обновления сервис-воркеров, улучшения производительности и многое другое, мы не видим никаких улучшений в областях. где разработчики ожидали некоторых.

Итак, я могу сказать, что Angular 10 не сильно поможет восстановить потерянных пользователей.

Заключение

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

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

Вы сможете выжить в 2021 году, только зная Angular, но изучение React или Vue обеспечит ваше положение, потому что всегда лучше узнавать что-то новое.

Лучшее программирование

Совет программистам.

Следовать

313

3

Спасибо Заку