🦄 Maskito – новая коллекция библиотек для маскирования текстовых полей

Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API.

Барсуков Никита рассказал о релизе первой мажорной версии.

👉 https://habr.com/ru/companies/tinkoff/articles/743060/

✨ Как RxJS разделил мой мир на до и после

По RxJS есть много докладов, но еще ни один не показал его силу.

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

👉 https://youtu.be/Ibq3EPi2cH4

✨ Не пропусти это при работе с Nx

Часто работа с Nx заканчивается на имеющихся дефолтных настройках. Все остальное остается черным ящиком. Время сборки проектов начинает расти, а причины так и остаются неизвестными.

Анастасия Анисимова предложила отправиться на изучение официальной документации и поискать лайфхаки.

👉 https://habr.com/ru/companies/skyeng/articles/743458/

✨ Полезные приемы Chrome DevTools

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

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

👉 https://indepth.dev/posts/1521/useful-chrome-devtools-techniques-when-debugging-change-detection-in-angular

✨ Как легко отлаживать приложения

Иногда поиск ошибки занимает больше времени, чем ее исправление.

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

👉 https://www.danywalls.com/how-to-debug-angular-applications-easy

🎉 Анонс TypeScript 5.2 Beta

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

TypeScript 5.2 добавляет поддержку явного управления ресурсами в ECMAScript. Давайте рассмотрим мотивы и поймем, что нам дает эта возможность.

👉 https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-beta/

✨ Angular Dependency Injection инфографика

Angular имеет свой собственный фреймворк инъекции зависимостей. Он помогает повысить эффективность и модульность, но может быть сложным по сравнению с традиционными DI-фреймворками.

Надеемся, эта инфографика упростит его изучение.

👉 https://christiankohler.net/angular-dependency-injection-infographic-updated

✨ Новый NGRX Signal Store

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

В статье показана текущая рабочая версия Signal Store, с различными вариантами использования.

👉 https://www.angulararchitects.io/en/aktuelles/the-new-ngrx-signal-store-for-angular-2-1-flavors/

✨ Angular получил новый синтаксис шаблонов

В последние годы не так много менялось. Теперь Angular движется вперед со сверхсветовой скоростью.

Недавно команда Angular предложила перейти от текущих структурных директив NgIf, NgForOf, NgSwitch к новому синтаксису.

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

✨ Примитивы были ошибкой

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

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

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

👉 https://ybogomolov.me/primitives-were-a-mistake

✨ Fullstack Angular с Analog

Analog — метафреймворк, который помогает быстрее создавать приложения и веб-сайты на базе Angular.

Статья знакомит с его особенностями.

👉 https://dev.to/analogjs/fullstack-angular-with-analog-2mnj

✨ Манипулируй DOM правильно

Angular способен работать на разных платформах. Для реализации этой возможности необходим уровень абстракции между API конкретной платформы и интерфейсами фреймворка.

Давайте разберемся как можно манипулировать DOM.

👉 https://habr.com/ru/companies/nspk/articles/745502/

🦄 Nx Generator: имба или не стоит разбираться?

Nx Generator — инструмент от Nx, который отвечает за шаблонную генерацию кода в Nx workspace.

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

👉 https://habr.com/ru/companies/tinkoff/articles/747608/

✨ Мультибрендинг сайта

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

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

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

✨ Упрощаем работу с Angular

RxJS — прекрасно подходит для управления асинхронными потоками событий, но сложен для синхронизации состояний.

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

👉 https://dev.to/mfp22/signals-make-angular-much-easier-3k9

✨ RxJS может спасти вашу кодовую базу

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

Теперь попробуем использовать сигналы для реализации асинхронного поведения и сравним с решением на RxJS.

👉 https://dev.to/mfp22/rxjs-can-save-your-codebase-49fi

✨ Вывод типов в TypeScript

Давайте решим небольшую практическую задачу.

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

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

✨ Явное управление ресурсами

Одной из самых интересных новинок JavaScript и TypeScript стало явное управление ресурсами. Синтаксис using позволяет писать менее многословный код.

Илья Поздняков на примерах разобрал новую фичу.

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

🦄 Web API для Angular

Веб — богатая экосистема с массой API, но их сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular.

Web API для Angular — это опенсорс-инициатива, которая облегчает использование нативных API в Angular.

👉 https://habr.com/ru/companies/tinkoff/articles/750788/

🍪 Как работает Evercookie в 2023 году

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

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

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