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

✨ Опыт решения задач 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/

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

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

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

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

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

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

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

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

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

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

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

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

✨ Улучшение 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/