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

🎉 Разыгрываем билет на 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

✨ Повторение запросов с помощью 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

✨ Раскройте возможности Angular Router Правильно ли вы используете Angular Router? Сегодня мы покажем вам некоторые основы и то, как вы можете эффективно использовать их в вашем Angular приложении. 👉 https://medium.com/p/2f34b25ed649

✨ Настройка husky в проекте Angular Раньше установка husky и добавление пары команд в package.json, позволяли быстро приступить к работе. После обновления husky, необходимо мигрировать настройки. В статье разобраны способы подключения, настройки и миграции пакета запуска гит хуков husky. 👉 https://medium.com/p/c3d04ffc95c

✨ Разработка на Angular под SmartTV Команда KION продолжает радовать статьями о разработке онлайн-кинотеатра. Четвертая часть посвящена внедрению фичи Autoplay. 👉 https://habr.com/ru/company/ru_mts/blog/694384/

✨ Angular Router Standalone API Новый standalone router API позволяет уменьшить размер сборки. Но в настоящее время он находится в предварительной версии для разработчиков и станет стабильным в Angular 15. В статье, на примере приложения со списком фильмов, разбираются будущие возможности Angular. 👉 https://medium.com/p/461547e92bbc

✨ Современный CSS в Angular В этом месяце команда Angular представила новую серию статей, в которой рассматриваются современные возможности CSS. На этой неделе рассматриваются Layouts. 👉 https://medium.com/p/4a259dca9127

✨ Манипулирование DOM в Angular Вместо прямой работы с DOM-элементами Angular предоставляет нам набор абстракции ElementRef, TemplateRef и ViewContainerRef. В этой статье рассмотрены способы работы с ними. 👉 https://medium.com/p/8517b7ce3274

✨ Правила Angular ESLint для доступности с клавиатуры При использовании встроенных HTML элементов браузер изначально обеспечивает поддержку клавиатуры. Тем не менее, она часто не соблюдается для кастомных элементов. Правила доступности помогут вам выявить некоторые из распространенных подводных камней на ранних этапах разработки. 👉 https://dev.to/angular/angular-eslint-rules-for-keyboard-accessibility-236f

✨ Разбираем стратегии обнаружения изменений Обнаружение изменений в Angular — это встроенная функция фреймворка, которая обеспечивает автоматическую синхронизацию между данными компонента и представлением его HTML-шаблона. Давайте посмотрим, как они работают. 👉 https://medium.com/p/12fcd5d91ca4

✨ Делаем ретро игру js13kgames — это ежегодное соревнование по созданию игры на JavaScript с нуля, которые умещаются в 13 килобайт. В статье описан процесс создания игры, напоминающую ретро-эпоху портативных игр с их уникальным дизайном. 👉 https://medium.com/p/5905bf6166b2

✨ Инициализация компонентов без ngOnInit Хук ngOnInit всегда был частью скрипта генерации компонента при использовании Angular CLI. Это привело к куче недоразумений, неправильному использованию функций и распространению анти-паттернов в кодовой базе. Изучите различные техники для улучшения кода инициализации в компонентах. 👉 https://indepth.dev/posts/1508/structure-initialization-logic-without-ngoninit-utilize-observables-and-ngonchanges

✨ Рефакторинг на максималках Эта книга о том, как эффективно и без боли рефакторить код. В ней рассказано о различных приемах и техниках улучшения кода, а также о пользе рефакторинга для разработки и бизнеса. Книга бесплатная и доступна на Гитхабе. 👉 https://bespoyasov.ru/blog/refactor-like-a-superhero/