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

✨ 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/

✨ Пишем веб-приложение вместе с ChatGPT и Stable Diffusion Ни для кого не секрет, что нейросети все чаще используется в работе программистов. В статье показывается, как можно быстро написать небольшое приложение на Angular, даже если до этого вы были незнакомы с ним. 👉 https://habr.com/ru/articles/784724/

✨ Обзор Zoneless Change Detection Angular всегда был в авангарде разработки веб-приложений. В своем последнем шаге на пути к эффективности и оптимизации производительности команда Angular представила функцию: provideZonelessChangeDetection. Эта новая функциональность предвещает переход к будущему без zone.js. Давайте разберемся в технических особенностях этой функции. 👉 https://netbasal.com/navigating-the-new-era-of-angular-zoneless-change-detection-unveiled-e7404de69b89

✨ Революция в Angular Команда разработчиков Angular успешно интегрировала Signal Input API, в версии 17.1.0-rc.0. В статье краткий обзор того, что включает в себя это революционное обновление. 👉 https://netbasal.com/revolutionizing-angular-introducing-the-new-signal-input-api-d0fc3c8777f2

✨ Вопросы и ответы для собеседования В этой статье частично рассмотрены вопросы, связанные с TypeScript, которые задают на собеседованиях. Конечно, это не все вопросы, которые могут быть заданы на реальном собеседовании, но надеемся они помогут в подготовке. 👉 https://habr.com/ru/articles/785596/

✨ Input signals в Angular В настоящее время основная команда разработала только базовый api сигналов. Но ее долгосрочная цель — пойти гораздо дальше. Следующим шагом будет input на основе сигналов. И эта функциональность должна появиться очень скоро в этом месяце в версии 17.1. 👉 https://dev.to/this-is-angular/be-ready-for-input-signals-in-angular-3djf

✨ Опыт решения задач Advent of TypeScript Мы уже писали о Advent of TypeScript — соревновании по решению задач в рамках системы типов. Автор статьи поделился паттернами и особенности написания типов, которые помогли ему в решениях. 👉 https://habr.com/ru/articles/785324/

✨ As const в Typescript As const действует так же, как const, но для системы типов, гарантируя, что всем свойствам будет присвоен литеральный тип, а не более общий вариант, например string или number. В статье показано, как as const может помочь в создании более строгих и предсказуемых типов данных. 👉 https://habr.com/ru/articles/784862/

✨ Результаты опроса Angular разработчиков Одним из ориентиров, который оказывает влияние на дальнейшее развитие Angular, является результат опрос разработчиков. Minko Gechev поделился краткими итогами опроса, и тем направлением, которое он помог определить для Angular на 2024 год. 👉 https://blog.angular.io/angular-developer-survey-2023-86372317c95f

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

✨ Кодогенерация и парсинг TypeScript с помощью typescript Одной из интересных возможностей пакета typescript является то, что он содержит инструменты для генерации TypeScript-кода. Например, это может пригодиться для автоматического создания типов для HTTP API. В этой статье рассмотрены основные принципы работы с этими инструментами, а также некоторые подводные камни. 👉 https://habr.com/p/782822/

✨ Taiga UI: итоги 2023 года За 2023 год у проекта Taiga UI появилось более пятидесяти релизов, больше двух тысяч вмерженных PR-ов и свыше пятисот закрытых issue. Барсуков Никита продолжил ежегодную традицию и напомнил о самых интересных изменениях за последний год. 👉 https://habr.com/ru/companies/tinkoff/articles/782924/

✨ Про уязвимость Prototype Pollution Prototype Pollution — уязвимость, позволяющая злоумышленнику добавить произвольные свойства к прототипам глобальных объектов, которые могут быть унаследованы определяемыми пользователем объектами. Это не новая брешь, но несмотря на большое количество публикаций, некоторые популярные решения до сих пор остаются уязвимыми для нее. 👉 https://habr.com/ru/companies/pt/articles/782750/

✨ JavaScript-фреймворки, на пороге 2024 года 2023 год был успешным для фреймворков, если вы не были внимательны, то могли пропустить довольно значительные изменения. К концу года сигналы являются основной частью большинства фронтенд-фреймворков. И вопрос о том, изменится ли веб-разработка в том виде, в котором мы ее знаем, больше не стоит. 👉 https://dev.to/this-is-learning/javascript-frameworks-heading-into-2024-i3l

✨ Angular сигналы: Полное руководство Цель сигналов — дать разработчикам новый простой в использовании реактивный примитив, который можно использовать для создания приложений в реактивном стиле. Узнайте о сигналах, их преимуществах, лучших практиках и паттернах, а также наиболее распространенных подводных камней. 👉 https://blog.angular-university.io/angular-signals/

✨ Представляем Puppeteer Schematics Puppeteer — мощный инструмент для автоматизации взаимодействия с браузером. Теперь его еще проще интегрировать в Angular-проекты благодаря недавно выпущенному пакету @puppeteer/ng-schematics. Этот пакет предоставляет готовые решения для настройки и запуска тестов. 👉 https://blog.angular.io/introducing-puppeteer-schematics-test-your-angular-apps-with-ease-dea6947f6299

✨ Обнаружение изменений в Angular Всем известно, что Angular не будет постоянно перерисовывать каждый шаблон в приложении — это было бы слишком медленно. Вместо этого, он использует механизм обнаружения изменений. В статье шаг за шагом, объясняется как работает Angular Change Detection, почему был создан ZoneJS и что нас ждет в будущем. 👉 https://medium.com/p/b9c64bd294f8

✨ Функция TypeScript 5.3, о которой вам не рассказали Недавно вышел TS 5.3, но одно из самых важных изменений не было упомянуто в примечаниях к релизу. Статья рассказывает о новых способах применения satisfies. 👉 https://habr.com/ru/articles/781230/