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

✨ Релиз Angular 17.2 В новую версию вошла экспериментальная поддержка Material 3, signal queries, model inputs, загрузчик изображений для Netlify, поддержка отладки гидратации в DevTools, а так же CLI теперь поддерживает менеджер пакетов Bun. На очереди — выход Angular 18 в мае. 👉 https://blog.angular.io/angular-v17-2-is-now-available-596cbe96242d

✨ Angular innerHTML и DomSanitizer Angular позаботился о том, чтобы встроить в свой движок рендеринга шаблонов множество средств защиты от инъекций кода. Но иногда, в очень редких сценариях, действительно нужна возможность инъекции HTML непосредственно в DOM. 👉 https://blog.angular-university.io/angular-innerhtml/

✨ Изучаем опцию Define в Angular CLI Angular CLI продолжает радовать новыми функциями и улучшениями. Одним из таких дополнений является опция define, появившаяся в версии 17.2.0-rc.0 в конфигурационном файле angular.json. Давайте рассмотрим, как эта функциональность может улучшить ваши проекты. 👉 https://netbasal.com/explore-angular-clis-define-option-effortless-global-identifier-replacement-f08fec7d9243

✨ Query Signals В Angular v17.2.0-rc.0 появились queries as signals. Они предоставляют набор новых функций: viewChild, viewChildren, contentChild и contentChildren. 👉 https://netbasal.com/querying-made-easy-exploring-angulars-query-signals-ca850b5db892

✨ TypeSpec TypeSpec — это вдохновленный TypeScript, легко расширяемый язык, который помогает разработчикам описывать API в привычной манере. Он позволяет работать с REST API, OpenAPI, gRPC и т.д. 👉 https://typespec.io/

✨ Люди не понимают ООП Похоже, многим не нравится объектно-ориентированное программирование. И это неудивительно, если в нем не разобраться, то оно может привести к усложнению всего. Сегодня мы отойдем от хайпа сигналов и погрузимся в мир фундаментальных вещей. Пристегивайтесь, путешествие будет долгим, но захватывающим. 👉https://habr.com/ru/companies/ruvds/articles/792052/

✨ Signals: что нужно и чего нельзя делать Если спросить любого разработчика Angular: "Какая тема в Angular сейчас самая обсуждаемая?", то почти со 100-процентной уверенностью все ответят: "Сигналы". И они будут правы. Но только недавно стало очевидно, что сообществу нужен определенный набор правил для работы с ними. В сегодняшней статье мы погрузимся в мир сигналов, выяснив, как их применять правильным способом. 👉 https://dev.to/this-is-angular/signals-the-do-s-and-the-dont-s-40fk

✨ Изучаем Domain-Driven Design Прошло чуть больше 20 лет с момента публикации новаторской книги Эрика Эванса "Предметно-ориентированное проектирование. Структуризация сложных программных систем", которая положила начало движению DDD. Хотя существует несколько точек зрения на DDD, в статье рассказано о сути этого подхода. 👉 https://www.angulararchitects.io/en/blog/the-core-of-domain-driven-design/

✨ Angular Signal Inputs Многие полюбили signal inputs. Настолько, что поток статей о них не заканчивается. Если вы еще не пробовали их, то эта статья отличный способ изучить новую возможность. И тогда реактивность и простота станут важнейшей частью дизайна ваших компонентов. 👉 https://angularexperts.io/blog/angular-signal-inputs

✨ Новые опции загрузчика В версии 17.1.0 появились новые опции загрузчика, которые упрощают работу с файлами. Они позволяют указать, как будут обрабатываться различные типы файлов. 👉 https://netbasal.com/simplifying-file-imports-in-angular-with-new-loader-options-4e94a0eb18af

✨ Тестирование Angular приложений Если вы уже мигрировали на новый Angular, то наверняка задавались вопросом, как теперь тестировать свой код. В статье рассказывается о методах тестирования с помощью новейших возможностей. 👉 https://www.angulararchitects.io/en/blog/testing-angulars-latest-features/

✨ Топ-8 новых возможностей Недавно вышел релиз Angular 17.1., который принес множество улучшений. В статье краткий обзор всех его основных возможностей. 👉 https://blog.angular-university.io/angular-17-1-release/

✨ Изучаем Zod Если вы уже знакомы с zod, то скорее всего связываете его с валидацией, но также с помощью него мы можем получить подробную информацию о структуре объекта во время выполнения. В статье показано, как использовать zod для динамического построения таблицы в качестве многократно используемого и безопасного компонента. 👉 https://timdeschryver.dev/blog/using-zods-schema-to-render-a-reusable-and-dynamic-angular-table-component

✨ Руководство по Signal Inputs Signal Inputs — это большой шаг вперед на пути к полной реактивности Angular в масштабах всего приложения. В статье рассказывается о том, чем они отличаются от декоратора @Input и как могут сделать хук жизненного цикла OnChanges менее необходимым. 👉 https://blog.angular-university.io/angular-signal-inputs/

✨ Как лениво загружать большие сторонние зависимости с помощью @defer Блок @defer — позволяет интуитивно понятная отложить загрузку больших сторонних зависимостей до тех пор, пока они не понадобятся. В статье продемонстрировано, как можно быстро улучшить загрузку приложений. 👉 https://www.angulararchitects.io/en/blog/how-to-lazy-load-large-3rd-party-dependencies-with-angular-17s-defer/

✨ 11 друзей управления состояниями в Angular В статье приведен список правил, составленный на основе проб и ошибок при работе над Angular-проектами разного типа и размера. Надеемся, они помогут сделать вашу кодовую базу более последовательной и простой в сопровождении. 👉 https://dev.to/this-is-angular/11-friends-of-state-management-in-angular-41gh

✨ Архитектура и реактивное программирование Rx помогает описывать асинхронные цепочки процессов, которые можно переиспользовать, но он может быть громоздким в управлении состоянием. Поэтому команда Angular завезла отдельный примитив для этого — сигналы. В статье представлены рассуждения о фундаментальных знаниях, и том, когда нужно, а когда не нужно применять паттерны реактивного программирования. 👉 https://habr.com/ru/companies/ruvds/articles/737114/

✨ ReadT и WriteT дженерики в Signal Inputs Signal Inputs появились совсем недавно и пока существует путаница вокруг дженериков, используемых в них. В статьи рассказывается о нюансах типизации новой функции. 👉 https://netbasal.com/the-essentials-of-readt-and-writet-generics-in-angular-signal-input-functions-999a0eda0a81

✨ Angular @Output Декоратор @Output() в дочернем компоненте позволяет передавать данные от дочернего компонента к родительскому. Узнайте, как использовать @Output для обмена данными между компонентами, и избегать распространенных ошибок, связанных с его использованием. 👉 https://blog.angular-university.io/angular-output/

✨ Angular Loading Indicator Многие недолюбливают индикаторы загрузки, но они могут быть полезны в некоторых сценариях. В этом руководстве по созданию спиннера в Angular, заодно рассказывается о возможностях и паттернах фреймворка. 👉 https://blog.angular-university.io/angular-loading-indicator/