В течение последних лет развитие проекта Angular напрямую связано с отзывами разработчиков и трендами IT-сообщества. В течение всего 2023 года команда Angular собирала отзывы разработчиков из десятков источников, включая GitHub, социальные сети, интервью, конференции. Результаты опроса разработчиков Angular — один из ключевых ориентиров, определяющих приоритетные направления развития фреймворка.
В прошедшем году много было сделано для удовлетворения потребностей разработчиков в повышении производительности и удобства рабочего процесса. Вот лишь некоторые оптимизации.
- Предоставление разработчикам совершенно нового конвейера сборки, использование которого повысило скорость сборки до 87%.
- Усовершенствование системы реактивности Angular с помощью сигналов (Signals).
- Добавление отложенных представлений (deferrable views), помогающих ускорить работу приложений.
Результаты опроса разработчиков
Проводившийся в течение 2023 года опрос разработчиков Angular помог определить основные направления развития фреймворка в 2024 году.
В ходе опроса было получено около 12 000 отзывов, на каждый из который потрачено в среднем 2,5 мин. Большинство опрошенных разработчиков — члены команд, состоящих из 3–10 человек; более 70% респондентов — пользователи двух последних версий фреймворка.
96% опрошенных используют новейшие автономные API. Хотя на момент завершения опроса система Signals все еще находилась в предварительной версии разработки, 26% респондентов сообщили, что уже используют ее.
Разработчики сообщили, что ценят Angular за отличную интеграцию между основными модулями, производительность фреймворка во время выполнения, возможность следить за новыми релизами и мощную инъекцию зависимостей.
Отмеченные респондентами возможности для улучшения касаются документации и примеров кода, формата авторинга компонентов и времени начальной загрузки.
Инициативы, учтенные в дорожной карте
Результаты опроса разработчиков были учтены при разработке дорожной карты Angular на 2024 год.
Документация и примеры кода
В 2023 году, еще до проведения опроса, было потрачено много времени на то, чтобы переосмыслить опыт освоения Angular с помощью angular.dev. Модернизация коснулась макета сайта, структуры, тематики, поиска и работы с документацией. На angular.dev улучшился поиск с использованием Algolia, ускорилась загрузка страниц с помощью SSG и была реализована инфраструктура для совершенно нового, интерактивного обучения с помощью WebContainers.
Столько же времени было потрачено на улучшение контента. На основе изучения пользовательского опыта и различных стилей обучения были разработаны три способа освоения Angular:
- Интерактивный туториал, последовательно знакомящий разработчиков-новичков с ключевыми концепциями Angular.
- Видеоурок, призванный помочь в создании базового приложения Angular.
- Текстовой интерактивный туториал, сопровождающий видеоурок и предназначенный для любителей комбинированных способов обучения.
Кроме того, партнерская компания Sololearn предоставила свою платформу для альтернативного интерактивного обучения. За последние несколько месяцев здесь обучились более 70 000 новых разработчиков Angular!
В 2024 году будет продолжена работа по оптимизации документации и опыта обучения. Команда Angular планирует снова уделить внимание ключевым разделам angular.dev и довести сайт до совершенства, чтобы он стал новым домом для разработчиков Angular.
Время начальной загрузки
Опросы и беседы с разработчиками показали: Angular может быть эффективней в плане времени начальной загрузки. Одна из выявленных возможностей — повышение эргономичности гибридного рендеринга. Она позволит большему числу разработчиков использовать преимущества SSR (server-side rendering — генерация HTML на стороне сервера) или SSG (static site generation — генерация контента в HTML-файлы) и получать более быстрые CWV (core web vitals — основные веб-показатели).
Начиная с 16-й версии, идет работа над тем, чтобы сделать гибридный рендеринг неотъемлемой частью Angular. В 17-й версии был усовершенствован конвейер сборки, что обеспечило лучший опыт ng serve, и введена гидратация, протестированная в предварительной версии.
Кроме того, в 17-ю версию были добавлены deferrable views (отложенные представления), которые позволяют декларативно задавать ленивую загрузку частей шаблонов Angular и их транзитивных зависимостей. Как следует из приведенного ниже фрагмента, Angular загружает компонент комментариев и все его транзитивные зависимости, когда в поле зрения попадает плейсхолдер.
<blog-post />
@defer (on viewport) {
<comments />
} @placeholder {
<img src="placeholder.png" alt="placeholder" />
}
В 2024 году продолжится работа над гибридным рендерингом Angular, чтобы усилить поддержку i18n (интернационализации) и включить ее по умолчанию в новые проекты. Рассматривается также возможность включения частичной гидратации для отложенных представлений и исследования потоковой передачи. Кроме того, продолжится сотрудничество с командой Chrome Aurora, чтобы еще больше ускорить работу приложений Angular.
Формат авторинга компонентов
Использование изолированных компонентов, директив и конвейеров открыло возможность для дальнейшего совершенствования формата авторинга компонентов в Angular. Одним из первых шагов в этом направлении стало внедрение нового контроля потока, который обеспечивает более приближенный к JavaScript опыт, предотвращает распространенные ошибки в работе и (по результатам некоторых тестов) ускоряет рабочий процесс на 90%.
В 2024 году продолжится совершенствование формата авторинга компонентов путем постепенного введения изменений, направленных на улучшение опыта разработчиков. С первого квартала начнется поиск новых возможностей и ранжирование их по приоритетности.
Как и прежде, команда Angular намерена постепенно, шаг за шагом, идти вперед и по мере продвижения делиться обновлениями со всеми желающими.
В предвкушении достижений 2024 года
Angular переживает ренессанс, который за последние пару лет только набирал обороты. Команда Angular заверяет, что с нетерпением ожидает продолжения этого процесса в текущем году.
Намеченные направления развития Angular в 2024 году напрямую связаны с результатами опроса разработчиков, проведенного в 2023 году. Здесь были приведены далеко не все планы по разработке компонентов и инструментов Angular. Гораздо больше можно найти в дорожной карте проекта.
Читайте также:
- Современный подход к разработке Angular
- Топ-8 инструментов для Angular-разработки в 2023 году
- Поток управления декларативным циклом в Angular 17
Читайте нас в Telegram, VK и Дзен
Перевод статьи Minko Gechev: Angular Developer Survey 2023
