✨ Обновленная дорожная карта Angular

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

Также в ней затронута тема микрофронтендов.

👉 https://github.com/angular/angular/blob/main/aio/content/guide/roadmap.md

Привет от онлайн-конференции для техлидов и архитекторов Podlodka Techlead Crew!

⚙️ Масштабировать сложную архитектуру по всем правилам — задачка нетривиальная. Разбираем тренды и новшества, учимся справляться с проблемами. Готовы раскрыть свежие подробности сезона, который стартует 13 ноября:

💎 Улучшим архитектуру приложения с помощью CQRS. Объясним, как сделать взаимодействие между сервисами надёжным и консистентным, повысить масштабируемость и поддерживаемость системы.
💎 Узнаем, как решить проблемы хранения и масштабирования данных в транзакционно-аналитических системах, например, YDB. Эти системы способны одновременно работать с OLTP и OLAP-нагрузками. 
💎 Рассмотрим, как развивать уже существующую архитектуру. Это будет доклад Владимира Иванова из Bolt про возможности, ограничения и способы избежать «бутылочных горлышек».
💎 Обсудим эволюцию технических метрик в контексте роста команд, компании, продукта и кода.

✨ Специальное мероприятие

В последнее время команда Angular усердно работала над некоторыми особенными обновлениями.

Через несколько часов пройдет презентация, на которой можно будет узнать обо всем подробнее.

👉 https://www.youtube.com/watch?v=Wq6GpTZ7AX0

✨ Анонс нового сайта документации

В конце этой недели будет выпущен Angular v17, включающий множество нововведений. В связи с этим был представлен Angular.dev.

Он содержит новые учебные пособия, обновленную документацию и рекомендации.

👉 https://blog.angular.io/announcing-angular-dev-1e1205fa3039

✨ Невероятно гибкие и переиспользуемые UI контролы

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

Александ Скоропад поделится своим подходом к созданию UI контролов который позволяет их создавать за считанные минуты.

👉 https://habr.com/ru/articles/772136/

✨ Анонс Angular 17

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

В следующем цикле релизов ожидается развитие реактивности на основе сигналов, гибридного рендеринга и усовершенствование новой документации.

👉 https://blog.angular.io/introducing-angular-v17-4d7033312e4b

🔥 Разыгрываем три билета на Podlodka Techlead Crew

Для участия необходимо ответить на несколько вопросов.

Конференция начнется 13 ноября. Вас ждет неделя с экспертами из топовых компаний — сессии в Zoom, сообщество в Telegram и ламповая атмосфера.

💖 Желаем удачи

🎉 Результаты розыгрыша билетов на Podlodka Techlead Crew

Поздравляем @SergeiVakhrushev @PanovaNatalie и @snowweN.

Хочется выразить благодарность всем остальным участникам, надеемся в следующий раз вам повезет 💖

✨ Улучшение производительности

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

С введением нового синтаксиса в 17-й версии, команда Angular воспользовалась возможностью пересмотреть и усовершенствовать его. Поэтому в новом блоке @for был выбран подход, ориентированный на производительность.

👉 https://riegler.fr/blog/2023-11-03-performance-for-repeaters

✨ Angular адаптер для TanStack Query

TanStack Query позволяет легко получать, кэшировать, синхронизировать и обновлять состояние сервера в ваших веб-приложениях.

Адаптер для Angular включает в себя: поддержку Observable и Signal, автоматическое кэширование, devtools и многое другое.

👉 https://netbasal.com/the-ultimate-angular-adapter-for-tanstack-query-fac41b244c6f

✨ Полное руководство по ленивой загрузке с помощью @defer

В Angular уже во времена Angular 5 были API, которые позволяли лениво загружать компоненты, но они не были дружественными к разработчикам.

Новый блок @defer самая интересная и впечатляющая функция Angular 17, но как и в случае с любой новой вещью, нам приходится разрабатывать новые подходы, чтобы научиться правильно и эффективно использовать её.

👉 https://angularexperts.io/blog/angular-defer-lazy-loading-total-guide

✨ Tree-shakable по умолчанию

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

Поэтому, когда вы пишете библиотеку, очень хорошо, если вы проектируете свой код так, чтобы его можно было удалить с помощью tree-shaking.

👉 https://riegler.fr/blog/2023-10-08-tree-shakable-as-default

📺 Angular Meetup

В эту пятницу смотрим вчерашний митап, в котором обсуждался Angular@Next, неожиданные утечки памяти и новые возможности Angular Router.

Отдельная благодарность спикерам за классные доклады 💖

👉 https://www.youtube.com/watch?v=dwrMN7HcLOo

✨ Улучшаем производительность с RxJS

Давно не было статей о RxJS.

Алексей Князев поделился приемами улучшения производительности фронтенда путем оптимизации стримов.

👉 https://habr.com/ru/articles/774174/

✨ Миграция на Angular 17 + Nx + SSR + Localization

Недавно вышел релиз Angular 17, который принес много изменений.

Александр Серенко рассказать о том, как перейти на новую версию и привести в порядок конфиги.

👉 https://medium.com/p/9c6f4e1dc6ec

✨ Нюансы работы с toSignal

Angular предоставляет функцию toSignal, которая преобразует observable в сигнал.

Но у него есть особенности в виде мгновенной подписки и возможных утечек памяти в некоторых сценариях.

👉 https://netbasal.com/navigating-the-nuances-of-tosignal-in-angular-what-to-know-e4d6a4b5dfaf

✨ Анонс NgRx v17

Мы рады сообщить о выходе новой версии фреймворка NgRx с новыми функциями, исправлениями ошибок и другими обновлениями.

Из интересного, библиотека NgRx Signals, которая создана с нуля на основе Angular Signals, и опциональной совместимостью с RxJS.

👉 https://dev.to/ngrx/announcing-ngrx-v17-introducing-ngrx-signals-operators-performance-improvements-workshops-and-more-55e4

✨ Как работает Angular Dependency Injection

Dependency Injection (DI) — одна из самых любимых и мощных функций. Понимание и освоение этой функции может поднять ваши навыки работы с Angular.

В этой статье рассказывается подробно, что такое DI.

👉 https://dev.to/this-is-angular/how-angular-dependency-injection-works-under-the-hood-mln

✨ TypeScript: лучшие практики

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

Давайте разберемся используете ли вы этот невероятно мощный инструмент правильно.

👉 https://habr.com/ru/articles/775524/

✨ Динамическое создание компонентов Angular на лету

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

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

👉 https://habr.com/ru/companies/nspk/articles/767178/

✨ Неочевидные моменты TypeScript и способы их решения

Если вы много программируете на TypeScript, то наверняка находили неочевидные моменты в его работе.

Андрей Степанов привел примеры ситуаций, с которыми вы можете столкнуться.

👉 https://habr.com/ru/articles/775330/