Фото 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 обеспечит ваше положение, потому что всегда лучше узнавать что-то новое.
Лучшее программирование
Совет программистам.
Следовать