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

✨ Используем веб-компоненты в Angular Веб-компоненты позволяют нам разрабатывать полностью независимо от фреймворков, так как их можно повторно использовать с любым фреймворком или даже без него. Давайте приступим к созданию нашего первого веб-компонента, который мы интегрируем с Angular. 👉 https://medium.com/p/c5d1d7825ca0

✨ Применяем паттерн адаптер Всякий раз при создании фронтенда, вы сталкиваетесь с необходимостью интегрировать его с API. Но что, если в API будут внесены ломающие все изменения? Или API не появится до самого дедлайна, а вы не можете заранее договориться о его контракте? Павел Беликов предложил использовать адаптер для Angular приложений. 👉 https://medium.com/p/3d00582c7156

✨ Создаем структурные директивы Структурные директивы могут быть чрезвычайно полезны, с ними компоненты легче читаются и содержат меньше дублированного кода. В статье показано, как реализовать пользовательский NgFor. 👉 https://indepth.dev/tutorials/angular/guide-to-repeat-HTML-elements-multiple-times

✨ Паттерны проектирования в Angular У каждого опытного разработчика есть хотя бы несколько паттернов проектирования, о которых он слышал. Но существует заблуждение, что при разработке фронтэнда их никто не использует. В статье рассмотрены паттерны, которые уже используются в Angular приложениях, либо могут быть применены. 👉 https://dev.to/armandotrue/design-patterns-in-angular-part-i-3ld7

🎉 Объявляем результаты розыгрыша офлайн-билетика на HolyJS @Ktpvj, билетик ваш, поздравляем🎉 Организаторы скоро с вами свяжутся😉 HolyJS пройдет 23 июня в Санкт-Петербурге. Для тех, кто еще не приобрел билет и кому не повезло с госпожой Удачей, решили напомнить, что по промокоду angularfox2022JRGpc у вас еще есть время приобрести билет на конференцию со скидкой. Программа конференции и билеты — на сайте. ✨ Увидимся в теплом ламповом офлайне

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

✨ Выбираем архитектуру Не существует универсальной архитектуры, но можно начать с архитектуры, которая не слишком перегружена на старте и допускает расширение в дальнейшем. Выбор правильной архитектуры — это искусство, и со временем становится легче сделать правильный выбор, учась на прошлых ошибках. 👉 https://medium.com/p/ddde5ca111df

✨ Создаем типизированные формы Типизированные формы гарантируют, что значения внутри элементов формы типобезопасны, это особенно важно для сложных форм. Эта статья показывает на примере новые возможности форм в Angular 14. 👉 https://medium.com/p/86837965a0e5

✨ Разыгрываем офлайн-билет на HolyJS Уже на следующей неделе в Санкт-Петербурге пройдет большая конференция по JS-разработке HolyJS. Вас ждут доклады, BoF-сессии, круглые столы, дискуссии со спикерами, живое общение и нетворкинг. 🎉 И мы объявляем розыгрыш офлайн-билета на конференцию Принять участие в розыгрыше может любой влюбленный в программирование из любого города. Если вы из Питера, то сегодня вам повезло☺️ Если нет — большая часть офлайн-активностей будет транслироваться для тех, кто не смог приехать 😍 Для участия необходимо заполнить форму. 👉 https://forms.gle/nF1TMQDPVD87zMxe8

✨ Оптимизируем производительность Оптимизация производительности — это большая тема. Хорошая новость, внутри Angular уже используются множество подходов для уменьшения количества дорогостоящих операций, но есть несколько дополнительных способов его ускорить. В этой статье перечислены 9 советов по улучшению производительности ваших Angular приложений. 👉 https://medium.com/p/dbedb0ec4e2d

✨ Мигрируем с Flow на TypeScript Перевод на TypeScript существующего кода — задача объемная и на нее нужно выделять время разработчиков, тестировщиков. Сделать ее быстро не получится, это надо учитывать. Но оно того стоит, с TypeScript разработка становится быстрей, понятней и приятней. В статье детально описан опыт миграции на TypeScript. 👉 https://habr.com/ru/company/exness/blog/670828/

✨ Кэшируем ответы API с помощью RxJS RxJS 7.1 принес нам улучшенный оператор share и новый способ его настройки. Из статьи мы узнаем о новом способе реализации кэширования ответов. 👉 https://medium.com/p/5cbc05d12f10

🔥 Community Day на HolyJS 2022 Spring — 10 июня доступ свободный Команде организаторов и Программному комитету HolyJS хотелось бы, чтобы их усилия оценило как можно больше участников. Поэтому доступ к третьему дню конференции будет открыт для всех желающих. В билет бесплатного дня входят: 4 доклада, воркшоп, дискуссии после докладов, возможность поучаствовать в играх, квизах, конкурсах и других активностях от партнеров конференции — там можно не только круто провести время, но и получить ценные призы. Для участия в Community Day нужно только зарегистрироваться — для этого переходите по ссылке.

✨ Устанавливаем заголовки страниц Новый функционал установки заголовков в маршрутизаторе значительно упрощает код и избавляет от большого количества опечаток, а переопределение встроенной TitleStrategy обеспечивает гибкость. Давайте посмотрим, какие возможности предоставляет Angular 14. 👉 https://medium.com/p/612ddbbf8495

✨ Строим микрофронтенды Микрофронтенды продолжают набирать популярность в разработке. Эта архитектура напоминает ту же концепцию, что и микросервисы — способ декомпозиции монолитных приложений. В статье демонстрируется создании сайта электронной коммерции на Angular с использованием микрофронтендов. 👉 https://dev.to/oktadev/how-to-build-micro-frontends-using-module-federation-in-angular-4ib2

✨ Рефакторинг Angular приложений Рефакторинг — важная часть разработки программного обеспечения, он позволяет не создавать технический долг, и с ним должен быть знаком каждый Angular разработчик. В этом руководстве рассмотрены явные антипаттерны, которые чаще всего встречаются в Angular, а также способы их устранения. 👉 https://medium.com/p/be18a7ee65cb

✨ Вышел Angular 14 С момента выхода последнего релиза было добавлено множество функций — от типизированных форм и автономных компонентов до новых примитивов в Angular CDK. Кроме того, этот выпуск включает большое количество функций и исправлений ошибок, внесенных непосредственно участниками сообщества. 👉 https://medium.com/p/391a6db736af

✨ Типизированные реактивные формы в Angular Одна из самых востребованных функций Angular 14 вот-вот появится — типизированные реактивные формы. Вы можете начать экспериментировать с ней уже сейчас, создав новый проект: npx @angular/cli@next new angular14 Давайте рассмотрим, что нового нас ждет. 👉 https://medium.com/p/bf6982b0af28

✨ Нововведения в Angular 14 Похоже, что Angular 14 будет содержать много полезных обновлений, но поскольку он еще не вышел, функции могут быть изменены. В этой статье рассмотрены особенности следующей версии Angular. 👉 https://medium.com/p/d31edf91fd3e

Итак, объявляем победителей нашего розыгрыша билетов на HolyJS 2022 Spring ✨ @Kor6en и @snikers поздравляем🎉 Скоро с вами свяжется организатор и вручит билетик 😉 А тем, кому не повезло в этот раз, хотим напомнить, что HolyJS 2022 Spring пройдет через неделю в онлайн 8 – 10 июня, а 23 июня в Санкт-Петербурге будет офлайн-день. Программа онлайн-части конференции полностью готова и доступна на сайте конференции. Если решили приобрести билет, то не забывайте про промокод angularfox2022JRGpc (он действует на персональный билет, вкладка «для частных лиц» на сайте).