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

✨ RxJS для самых маленьких

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

Надеемся, что эта статья поможет вам понять идею некоторых основных концепций и операторов.

👉 https://medium.com/p/461636d8b689

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

✨ Изучаем Elf

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

👋 Всем привет! Как настроение?

Рассматриваем варианты проведения розыгрыша билетов на Holy.js. Одна из основных идей: предложить участникам реализовать полезную библиотеку для Angular, и за счёт голосования комунити выбрать победителя.

UPD: В комментариях к посту было предложено провести конкурс статей, ушли на согласование.

😛 Как вам такая идея, хотели бы поучаствовать?

Пишите, что думаете об этом в комментариях к посту 👇

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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