Я использую различные фреймворки JavaScript для фронтенда с 2017 года, и сегодня я расскажу вам, почему я все еще предвзято отношусь к Angular.
Сначала краткое напоминание о том, что такое Angular. Согласно Angular.io (2023 г.)«Angular – это среда проектирования приложений и платформа разработки для создания эффективных и сложных одностраничных приложений».
Теперь давайте начнем с 5 моментов, которые я сделал сегодня, которые мне очень нравятся в Angular, и я думаю, что ни один другой интерфейсный фреймворк/библиотека не работает лучше, чем Angular.
Угловой интерфейс командной строки
«Angular CLI — это инструмент интерфейса командной строки, который вы используете для инициализации, разработки, формирования и поддержки приложений Angular непосредственно из командной оболочки». Angular.io (2023)
С помощью Angular CLI мы можем создавать новые приложения Angular в интерактивном режиме с различными вариантами, предлагаемыми в процессе создания, такими как препроцессор для использования для файлов стилей (css, scss, sass, less), маршрутизация, менеджер пакетов (npm, yarn, pnpm , спм) и многое другое.
Помимо создания нового проекта, его можно использовать для добавления поддержки внешних библиотек с помощью команды ng add, сборки, развертывания, lint, запуска тестов e2e, создания компонентов, сервисов, защиты, каналов, помощи при переходе на более новые версии Angular и многого другого. более!
React.js, например, не имеет официального cli, но есть много вариантов, таких как Create React App, которого боятся некоторые разработчики React, Vite, Next.js или создание собственного решения с Webpack и многие другие методы, предлагаемые сообществом, которые не всегда чист и хорошо спланирован, заставляет задуматься о правильном способе создания приложения React, а все остальное, что делает Angular CLI, должно выполняться вручную или с помощью плагинов IDE/редактора.
Маршрутизация
«Служба, обеспечивающая навигацию между представлениями и возможности обработки URL-адресов».
Angular.io (2023)
Angular имеет встроенную маршрутизацию, поддерживаемую командой Angular с тех пор, как он был выпущен с такими функциями, как отложенная загрузка и защита, и он был очень стабильным без каких-либо критических изменений в течение почти 7 лет.
Руководство по стилю кодирования
У Angular с самого начала было руководство по стилю, оно очень подробное, включает в себя шаблоны и правила проектирования, которые определенно стоит прочитать и следовать их руководству.
Когда я смотрю на проект Angular с 2017 года и сейчас, есть много вещей, которые были улучшены, но стиль кодирования согласован по сравнению с другими фреймворками или библиотеками для разных проектов и команд.
Ошибки
😅❤️Я люблю ошибки Angular. Команда Angular проделала невероятную работу, создав ссылки на распространенные ошибки, с которыми часто сталкиваются многие разработчики. Очень распространенная ошибка, с которой столкнулись почти все разработчики Angular, называется «ExpressionChangedAfterItHasBeenCheckedError», и быстрый поиск приведет вас к официальной документации Angular с решением, как ее отладить, даже с видеоруководством!
https://angular.io/errors/NG0100
Простые миграции и функции развертываются с обратной совместимостью.
В то время как другие пользователи фреймворка иногда расстраиваются, когда выходит новая версия и им нужно перейти на нее, я всегда был рад видеть новую версию Angular, потому что у меня никогда не было проблем с обновлением до более новой версии, и все новые версии обратная совместимость.
У Angular тоже есть руководство по обновлению, да! На https://update.angular.io/ вы можете выбрать текущую версию и целевую версию, до которой вы хотите обновиться, и она предоставит вам шаги, которые необходимо выполнить для успешного завершения миграции.
Любые ваши любимые функции Angular, которые я забыл упомянуть?
Пожалуйста, укажите это в разделе комментариев.
Ссылки:
https://angular.io/guide/styleguide