✨ Раскройте возможности Angular Router

Правильно ли вы используете Angular Router?

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

👉 https://medium.com/p/2f34b25ed649

✨ Работа с ленивой загрузкой

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

Сегодня мы узнаем, как использовать ленивую загрузку для улучшения пользовательского опыта.

👉 https://www.danywalls.com/working-with-lazy-loading-modules-and-preload-routing-strategies-in-angular

✨ Усовершенствования в Angular Router

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

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

👉 https://medium.com/p/5d69ec4c032

✨ Примеры использования NgRx

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

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

👉 https://dev.to/this-is-angular/ngrx-use-cases-part-i-restricting-access-30lo

✨ Новшества TypeScript 4.9

Недавно Microsoft анонсировал TypeScript 4.9 beta. В этой версии появился новый оператор satisfies, умный in, прямое сравнение с NaN теперь запрещено, проведена оптимизация производительности.

Екатерина Семенова разобрала самые интересные фичи этого анонса.

👉 https://habr.com/ru/company/surfstudio/blog/695900/

✨ Кастомные операторы RxJS

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

Давайте посмотрим, как справиться с этой задачей.

👉 https://medium.com/p/637c7d3d8f86

✨ Повторение запросов с помощью RxJS

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

В RxJS 7 реализация этой функциональности стала проще простого, из-за оператора repeat.

👉 https://medium.com/p/423c1996fb65

Конференция для JavaScript-разработчиков HolyJS 2022 Autumn

🌐 10–11 ноября — онлайн
👥 20 ноября — офлайн в Москве
(с возможностью удаленного участия для тех, кто не готов добраться)

Программа конференции полностью готова

Вас ждут 23 доклада и 4 воркшопа от спикеров из VK, Rambler&Co, 2ГИС, Яндекса, Райффайзенбанка, Сбера и других компаний,
Основные темы конференции — case-study, backend, инструменты, UI, анимации, языки и state management.

Если вам хочется на несколько часов отвлечься и побыть среди единомышленников, то приходите на HolyJS. А промокод angularfox2022JRGpc даст скидку 20% на билеты из категории «Для частных лиц».

Подробности и билеты — holyjs.ru

🎉 Разыгрываем билет на HolyJS

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

Для участия необходимо:
1. написать статью о Angular;
2. опубликовать ее на habr.com;
3. прислать ссылку в комментарии.

Важно, в конкурсе могут участвовать только новые или ещё не опубликованные статьи.

Если у вас возникли трудности с выбором темы для написания статьи: ознакомьтесь с нашим списком в комментариях.

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

Ссылку на статью оставляйте в комментариях к этому посту с хештегом #конкурс.

Итоги конкурса подведём 8 ноября. Победителя выберем по наибольшему количеству положительных оценок на статье.

💖 Желаем всем удачи

✨ Архитектура со standalone компонентами

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

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

👉 https://medium.com/p/c87559af1f91

✨ Композиция директив

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

Давайте посмотрим, что это такое.

👉 https://medium.com/p/e7d9f789323

✨ Создаем динамические формы

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

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

👉 https://www.danywalls.com/how-to-build-dynamic-forms-in-angular

✨ Используем Web Workers в Angular

Web Workers позволяют нам выполнять JavaScript вне основного потока. Больше потоков означает, что больше вещей выполняется одновременно, но лучше использовать их для выполнения трудоемких вычислений.

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

👉 https://medium.com/p/84b9949a4fab

✨ Практическое руководство по провайдерам

При создании приложений в Angular вы можете добавлять и настраивать зависимости с помощью провайдеров.

В этой статье рассказывается о DI в Angular, и демонстрируется несколько стратегий для настройки зависимостей.

👉 https://dev.to/angular/a-practical-guide-to-providers-in-angular-3c96

✨ Изучаем Elf

Elf — это стейт менеджер на основе RxJs. Внутри Elf просто класс, который расширяет BehaviorSubject. Он не зависит от фреймворка, является модульным и спроектирован таким образом, что его легко расширять.

Надеемся, что эта серия статей поможет вам сфокусироваться на том, что следует искать в решениях для управления состоянием.

👉 https://medium.com/p/fe5e87c31c89

✨ Разбираем ngrx/createFeature

Функция createFeature сокращает количество повторяющегося кода, делая его более лаконичным.

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

👉 https://habr.com/ru/company/nspk/blog/698980/

✨ Учим декораторы в TypeScript

Если вы использовали Angular или Nest.js, вы должны быть знакомы с декораторами, но возможно вам не приходилось писать собственные.

Декораторы в TypeScript совсем несложные, статья позволит вам освоить 4 типа декораторов.

👉 https://medium.com/p/daa9660f8286

✨ Angular 15 уже доступен!

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

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

👉 https://medium.com/p/df7be7f2f4c8

✨ Сужение типов

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

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

👉 https://medium.com/p/649450d708df