🦊 Angular Fox 🚀 — русскогорящие новости сообщества

✨ Улучшение DX с помощью @Input Value Transform Angular 17 вышел давно, но есть одна функция, о которой пока не так много шума, и она довольно интересна: @Input Transforms. В статье рассматривается как эта возможность может улучшить работу с входными данными. 👉 https://angularexperts.io/blog/angular-input-transform

✨ Как я сделал проект для себя и получил приз от Telegram Telegram периодически устраивает конкурсы на разработку мини-приложений. Егор Горбачев рассказал как проходила разработка его проекта, с какими сложностями столкнулся и чему научился. 👉 https://habr.com/ru/articles/779508/

✨ Операции Union и Intersection в свете теории множеств Если вы задавались вопросом согласуются ли операции объединения и пересечения в TypeScript с теорией множеств? То эта статья для вас. В ней попытка проверить работу TS с помощью теории множеств. 👉 https://habr.com/ru/articles/778060/

✨ Пишем файловую систему для работы с изображениями на TypeScript Рядовая файловая система работает в пространстве ядра ОС. Как следствие это накладывает на нас обязанности по знанию языков вроде C или Rust. Тут на помощь приходит проект FUSE, который позволяет создать файловую систему в пользовательском пространстве без вмешательства в ядро ОС. 👉 https://habr.com/ru/articles/777174/

✨ TypeScript: infer и conditional types Продолжаем погружаться в продвинутый TypeScript. В этой статье на примерах рассказывается о conditional types, и роли ключевых слов extends и infer. 👉 https://habr.com/ru/articles/778190/

✨ Новые откладываемые представления В Angular 17 откладываемые представления делают процесс отложенной загрузки зависимостей значительно более интуитивным. Команда Angular старалась сделать так, чтобы использование нового синтаксиса в шаблонах компонентов было удобным. 👉 https://blog.angular.io/use-angulars-new-deferrable-views-now-20ca9f64f1e5

✨ Advent of TypeScript Для тех кто любит решать головоломки. Набор задач на TypeScript, которые открываются по одной в день. 👉 https://typehero.dev/aot-2023

✨ Упрощение работы приложения с помощью 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/

✨ Кэширование на стороне клиента с помощью Interceptors Angular известен огромным количеством встроенных функций, но иногда мы используем лишь некоторые из них, не зная, каков их полный потенциал. В статье рассматривается, как перехватывать HTTP-запросы и манипулировать ими. 👉 https://dev.to/this-is-angular/client-side-caching-with-interceptors-ii

✨ Неочевидные моменты TypeScript и способы их решения Если вы много программируете на TypeScript, то наверняка находили неочевидные моменты в его работе. Андрей Степанов привел примеры ситуаций, с которыми вы можете столкнуться. 👉 https://habr.com/ru/articles/775330/

✨ Динамическое создание компонентов Angular на лету Динамическое создание компонентов открывает большие возможности по взаимодействию с ними и их управлению. В статье помимо простого создания компонентов, рассказывается о более продвинутых вещах. 👉 https://habr.com/ru/companies/nspk/articles/767178/

✨ TypeScript: лучшие практики Основное преимущество TypeScript заключается в том, что он позволяет выявить неожиданное поведение в коде, что снижает вероятность возникновения ошибок. Однако, до сих пор на некоторых проектах можно встретить кучу any. Давайте разберемся используете ли вы этот невероятно мощный инструмент правильно. 👉 https://habr.com/ru/articles/775524/

✨ Как работает Angular Dependency Injection Dependency Injection (DI) — одна из самых любимых и мощных функций. Понимание и освоение этой функции может поднять ваши навыки работы с Angular. В этой статье рассказывается подробно, что такое DI. 👉 https://dev.to/this-is-angular/how-angular-dependency-injection-works-under-the-hood-mln

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

✨ Нюансы работы с toSignal Angular предоставляет функцию toSignal, которая преобразует observable в сигнал. Но у него есть особенности в виде мгновенной подписки и возможных утечек памяти в некоторых сценариях. 👉 https://netbasal.com/navigating-the-nuances-of-tosignal-in-angular-what-to-know-e4d6a4b5dfaf

✨ Миграция на Angular 17 + Nx + SSR + Localization Недавно вышел релиз Angular 17, который принес много изменений. Александр Серенко рассказать о том, как перейти на новую версию и привести в порядок конфиги. 👉 https://medium.com/p/9c6f4e1dc6ec

✨ Улучшаем производительность с RxJS Давно не было статей о RxJS. Алексей Князев поделился приемами улучшения производительности фронтенда путем оптимизации стримов. 👉 https://habr.com/ru/articles/774174/

📺 Angular Meetup В эту пятницу смотрим вчерашний митап, в котором обсуждался Angular@Next, неожиданные утечки памяти и новые возможности Angular Router. Отдельная благодарность спикерам за классные доклады 💖 👉 https://www.youtube.com/watch?v=dwrMN7HcLOo

✨ Tree-shakable по умолчанию При создании библиотеки вы пишете код, который в итоге может не использоваться. Если вы не пишете свои функции с учетом оптимизации, то неиспользуемый код может попасть в конечные пакеты. Поэтому, когда вы пишете библиотеку, очень хорошо, если вы проектируете свой код так, чтобы его можно было удалить с помощью tree-shaking. 👉 https://riegler.fr/blog/2023-10-08-tree-shakable-as-default

✨ Полное руководство по ленивой загрузке с помощью @defer В Angular уже во времена Angular 5 были API, которые позволяли лениво загружать компоненты, но они не были дружественными к разработчикам. Новый блок @defer самая интересная и впечатляющая функция Angular 17, но как и в случае с любой новой вещью, нам приходится разрабатывать новые подходы, чтобы научиться правильно и эффективно использовать её. 👉 https://angularexperts.io/blog/angular-defer-lazy-loading-total-guide