✨ Анонс 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/

✨ Кэширование на стороне клиента с помощью Interceptors

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

В статье рассматривается, как перехватывать HTTP-запросы и манипулировать ими.

👉 https://dev.to/this-is-angular/client-side-caching-with-interceptors-ii

✨ Упрощение работы приложения с помощью NGRX Signal Store

Что бы вы сказали, если бы смогли реализовать Signal Store для CRUD-приложения, включая Undo/Redo, всего в 7 строках кода?

Цель этой статьи — показать, как реализовать пользовательские функции для Signal Store.

👉 https://www.angulararchitects.io/en/blog/smarter-not-harder-simplifying-your-application-with-ngrx-signal-store-and-custom-features/

✨ Advent of TypeScript

Для тех кто любит решать головоломки.

Набор задач на TypeScript, которые открываются по одной в день.

👉 https://typehero.dev/aot-2023

✨ Deferrable Views

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

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

👉 https://blog.angular.io/use-angulars-new-deferrable-views-now-20ca9f64f1e5

✨ TypeScript: infer и conditional types

Продолжаем погружаться в продвинутый TypeScript.

В этой статье на примерах рассказывается о conditional types, и роли ключевых слов extends и infer.

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

✨ Пишем файловую систему для работы с изображениями на TypeScript

Рядовая файловая система работает в пространстве ядра ОС. Как следствие это накладывает на нас обязанности по знанию языков вроде C или Rust.

Тут на помощь приходит проект FUSE, который позволяет создать файловую систему в пользовательском пространстве без вмешательства в ядро ОС.

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

✨ Операции Union и Intersection в свете теории множеств

Если вы задавались вопросом согласуются ли операции объединения и пересечения в TypeScript с теорией множеств? То эта статья для вас.

В ней попытка проверить работу TS с помощью теории множеств.

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

✨ Как я сделал проект для себя и получил приз от Telegram

Telegram периодически устраивает конкурсы на разработку мини-приложений.

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

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

✨ Улучшение DX с помощью @Input Value Transform

Angular 17 вышел давно, но есть одна функция, о которой пока не так много шума, и она довольно интересна: @Input Transforms.

В статье рассматривается как эта возможность может улучшить работу с входными данными.

👉 https://angularexperts.io/blog/angular-input-transform

✨Начальный PR для signal inputs

Цель PR обеспечить более глубокую интеграцию сигналов и подготовиться к будущим миграциям, в то время как продолжается разработка полноценных signal components.

Спасибо KirJS за новость.

👉 https://github.com/angular/angular/pull/53521

✨ Поддержка View Transitions API

Когда пользователь переходит от одного маршрута к другому, Angular Router сопоставляет URL-путь с соответствующим компонентом и отображает его вид. Анимация этого перехода от одного маршрута к другому может значительно улучшить пользовательский опыт.

Хорошая новость в том, что в 17-й версии маршрутизатор получил поддержку View Transitions.

👉 https://blog.angular.io/check-out-angulars-support-for-the-view-transitions-api-3937376cfc19

✨ Тестирование Deferrable Views

Релиз Angular 17 изобилует новыми возможностями: использование Vite и esbuild, сигналы, поток управления, deferrable views — вот лишь некоторые из них.

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

👉 https://timdeschryver.dev/blog/testing-deferrable-views-with-angular-testing-library

✨ Функция TypeScript 5.3, о которой вам не рассказали

Недавно вышел TS 5.3, но одно из самых важных изменений не было упомянуто в примечаниях к релизу.

Статья рассказывает о новых способах применения satisfies.

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

✨ Обнаружение изменений в Angular

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

В статье шаг за шагом, объясняется как работает Angular Change Detection, почему был создан ZoneJS и что нас ждет в будущем.

👉 https://medium.com/p/b9c64bd294f8

✨ Представляем Puppeteer Schematics

Puppeteer — мощный инструмент для автоматизации взаимодействия с браузером. Теперь его еще проще интегрировать в Angular-проекты благодаря недавно выпущенному пакету @puppeteer/ng-schematics.

Этот пакет предоставляет готовые решения для настройки и запуска тестов.

👉 https://blog.angular.io/introducing-puppeteer-schematics-test-your-angular-apps-with-ease-dea6947f6299