✨ Angular @Input

@Input декоратор позволяет нам передавать данные от родительского компонента к дочернему, и это один из основных строительных блоков фреймворка.

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

👉 https://blog.angular-university.io/angular-input/

✨ Результаты опроса Angular разработчиков

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

Minko Gechev поделился краткими итогами опроса, и тем направлением, которое он помог определить для Angular на 2024 год.

👉 https://blog.angular.io/angular-developer-survey-2023-86372317c95f

✨ As const в TypeScript

As const действует так же, как const, но для системы типов, гарантируя, что всем свойствам будет присвоен литеральный тип, а не более общий вариант, например string или number.

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

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

✨ Опыт решения задач Advent of TypeScript

Мы уже писали о Advent of TypeScript — соревновании по решению задач в рамках системы типов.

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

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

✨ Input signals в Angular

В настоящее время основная команда разработала только базовый api сигналов. Но ее долгосрочная цель — пойти гораздо дальше. Следующим шагом будет input на основе сигналов.

И эта функциональность должна появиться очень скоро в этом месяце в версии 17.1.

👉 https://dev.to/this-is-angular/be-ready-for-input-signals-in-angular-3djf

✨ Вопросы и ответы для собеседования

В этой статье частично рассмотрены вопросы, связанные с TypeScript, которые задают на собеседованиях.

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

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

✨ Революция в Angular

Команда разработчиков Angular успешно интегрировала Signal Input API, в версии 17.1.0-rc.0.

В статье краткий обзор того, что включает в себя это революционное обновление.

👉 https://netbasal.com/revolutionizing-angular-introducing-the-new-signal-input-api-d0fc3c8777f2

✨ Обзор Zoneless Change Detection

Angular всегда был в авангарде разработки веб-приложений. В своем последнем шаге на пути к эффективности и оптимизации производительности команда Angular представила функцию: provideZonelessChangeDetection.

Эта новая функциональность предвещает переход к будущему без zone.js. Давайте разберемся в технических особенностях этой функции.

👉 https://netbasal.com/navigating-the-new-era-of-angular-zoneless-change-detection-unveiled-e7404de69b89

✨ Пишем веб-приложение вместе с ChatGPT и Stable Diffusion

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

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

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

✨ Angular Loading Indicator

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

В этом руководстве по созданию спиннера в Angular, заодно рассказывается о возможностях и паттернах фреймворка.

👉 https://blog.angular-university.io/angular-loading-indicator/

✨ Angular @Output

Декоратор @Output() в дочернем компоненте позволяет передавать данные от дочернего компонента к родительскому.

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

👉 https://blog.angular-university.io/angular-output/

✨ ReadT и WriteT дженерики в Signal Inputs

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

В статье рассказывается о нюансах типизации новой функции.

👉 https://netbasal.com/the-essentials-of-readt-and-writet-generics-in-angular-signal-input-functions-999a0eda0a81

✨ Архитектура и реактивное программирование

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

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

👉 https://habr.com/ru/companies/ruvds/articles/737114/

✨ 11 друзей управления состояниями в Angular

В статье приведен список правил, составленный на основе проб и ошибок при работе над Angular-проектами разного типа и размера.

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

👉 https://dev.to/this-is-angular/11-friends-of-state-management-in-angular-41gh

✨ Как лениво загружать большие сторонние зависимости с помощью @defer

Блок @defer — позволяет интуитивно понятная отложить загрузку больших сторонних зависимостей до тех пор, пока они не понадобятся.

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

👉 https://www.angulararchitects.io/en/blog/how-to-lazy-load-large-3rd-party-dependencies-with-angular-17s-defer/

✨ Руководство по Signal Inputs

Signal Inputs — это большой шаг вперед на пути к полной реактивности Angular в масштабах всего приложения.

В статье рассказывается о том, чем они отличаются от декоратора @Input и как могут сделать хук жизненного цикла OnChanges менее необходимым.

👉 https://blog.angular-university.io/angular-signal-inputs/

✨ Изучаем Zod

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

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

👉 https://timdeschryver.dev/blog/using-zods-schema-to-render-a-reusable-and-dynamic-angular-table-component

✨ Топ-8 новых возможностей

Недавно вышел релиз Angular 17.1., который принес множество улучшений.

В статье краткий обзор всех его основных возможностей.

👉 https://blog.angular-university.io/angular-17-1-release/

✨ Тестирование Angular приложений

Если вы уже мигрировали на новый Angular, то наверняка задавались вопросом, как теперь тестировать свой код.

В статье рассказывается о методах тестирования с помощью новейших возможностей.

👉 https://www.angulararchitects.io/en/blog/testing-angulars-latest-features/

✨ Новые опции загрузчика

В версии 17.1.0 появились новые опции загрузчика, которые упрощают работу с файлами.

Они позволяют указать, как будут обрабатываться различные типы файлов.

👉 https://netbasal.com/simplifying-file-imports-in-angular-with-new-loader-options-4e94a0eb18af

✨ Angular Signal Inputs

Многие полюбили signal inputs. Настолько, что поток статей о них не заканчивается.

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

👉 https://angularexperts.io/blog/angular-signal-inputs