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

📺 Angular Meetup В эту пятницу смотрим вчерашний митап, в котором обсуждался Angular@Next, неожиданные утечки памяти и новые возможности Angular Router. Отдельная благодарность спикерам за классные доклады 💖 👉 https://www.youtube.com/watch?v=dwrMN7HcLOo

✨ Tree-shakable по умолчанию При создании библиотеки вы пишете код, который в итоге может не использоваться. Если вы не пишете свои функции с учетом оптимизации, то неиспользуемый код может попасть в конечные пакеты. Поэтому, когда вы пишете библиотеку, очень хорошо, если вы проектируете свой код так, чтобы его можно было удалить с помощью tree-shaking. 👉 https://riegler.fr/blog/2023-10-08-tree-shakable-as-default

✨ Полное руководство по ленивой загрузке с помощью @defer В Angular уже во времена Angular 5 были API, которые позволяли лениво загружать компоненты, но они не были дружественными к разработчикам. Новый блок @defer самая интересная и впечатляющая функция Angular 17, но как и в случае с любой новой вещью, нам приходится разрабатывать новые подходы, чтобы научиться правильно и эффективно использовать её. 👉 https://angularexperts.io/blog/angular-defer-lazy-loading-total-guide

✨ Angular адаптер для TanStack Query TanStack Query позволяет легко получать, кэшировать, синхронизировать и обновлять состояние сервера в ваших веб-приложениях. Адаптер для Angular включает в себя: поддержку Observable и Signal, автоматическое кэширование, devtools и многое другое. 👉 https://netbasal.com/the-ultimate-angular-adapter-for-tanstack-query-fac41b244c6f

✨ Улучшение производительности В предыдущих версиях Angular, алгоритм сравнения был признан узким местом в тестах производительности. С введением нового синтаксиса в 17-й версии, команда Angular воспользовалась возможностью пересмотреть и усовершенствовать его. Поэтому в новом блоке @for был выбран подход, ориентированный на производительность. 👉 https://riegler.fr/blog/2023-11-03-performance-for-repeaters

🎉 Результаты розыгрыша билетов на Podlodka Techlead Crew Поздравляем @SergeiVakhrushev @PanovaNatalie и @snowweN. Хочется выразить благодарность всем остальным участникам, надеемся в следующий раз вам повезет 💖

🔥 Разыгрываем три билета на Podlodka Techlead Crew Для участия необходимо ответить на несколько вопросов. Конференция начнется 13 ноября. Вас ждет неделя с экспертами из топовых компаний — сессии в Zoom, сообщество в Telegram и ламповая атмосфера. 💖 Желаем удачи

✨ Анонс Angular 17 Семнадцатая версия принесла повышение производительности, ускорение сборки, новый дизайн и десятки других возможностей и улучшений. В следующем цикле релизов ожидается развитие реактивности на основе сигналов, гибридного рендеринга и усовершенствование новой документации. 👉 https://blog.angular.io/introducing-angular-v17-4d7033312e4b

✨ Невероятно гибкие и переиспользуемые UI контролы Часто встречаются случаи когда необходимо дать возможность кастомизировать контрол при этом не расширяя его изначальное API. Александ Скоропад поделится своим подходом к созданию UI контролов который позволяет их создавать за считанные минуты. 👉 https://habr.com/ru/articles/772136/

✨ Анонс нового сайта документации В конце этой недели будет выпущен Angular v17, включающий множество нововведений. В связи с этим был представлен Angular.dev. Он содержит новые учебные пособия, обновленную документацию и рекомендации. 👉 https://blog.angular.io/announcing-angular-dev-1e1205fa3039

✨ Специальное мероприятие В последнее время команда Angular усердно работала над некоторыми особенными обновлениями. Через несколько часов пройдет презентация, на которой можно будет узнать обо всем подробнее. 👉 https://www.youtube.com/watch?v=Wq6GpTZ7AX0

Привет от онлайн-конференции для техлидов и архитекторов Podlodka Techlead Crew! ⚙️ Масштабировать сложную архитектуру по всем правилам — задачка нетривиальная. Разбираем тренды и новшества, учимся справляться с проблемами. Готовы раскрыть свежие подробности сезона, который стартует 13 ноября: 💎 Улучшим архитектуру приложения с помощью CQRS. Объясним, как сделать взаимодействие между сервисами надёжным и консистентным, повысить масштабируемость и поддерживаемость системы. 💎 Узнаем, как решить проблемы хранения и масштабирования данных в транзакционно-аналитических системах, например, YDB. Эти системы способны одновременно работать с OLTP и OLAP-нагрузками.  💎 Рассмотрим, как развивать уже существующую архитектуру. Это будет доклад Владимира Иванова из Bolt про возможности, ограничения и способы избежать «бутылочных горлышек». 💎 Обсудим эволюцию технических метрик в контексте роста команд, компании, продукта и кода. 🤑 Промокод на скидку 500 руб: angular_fox 👉 https://podlodka.io/techcrew

✨ Обновленная дорожная карта Angular Дорожная карта Angular получила обновление. В нем упоминаются грядущие возможности, касающиеся рендеринга на стороне сервера и расширения синтаксиса шаблонов. Также в ней затронута тема микрофронтендов. 👉 https://github.com/angular/angular/blob/main/aio/content/guide/roadmap.md

✨ Новый синтаксис потока управления В начале ноября выйдет Angular 17, который предложит новый синтаксис в шаблонах. В этой статье демонстрируется, как будет работать поток управления. 👉 https://dev.to/this-is-angular/new-angular-17-feature-new-control-flow-syntax-23j3

✨ Решение задачи про определение типа На прошлой недели проходил Yandex Cup 2023. Яндекс представил 8 задачек разной сложности, которые было необходимо сделать за пять часов. Александр Серенко написал статью, посвященную сложной типизации на примере одной из задач. 👉 https://habr.com/ru/articles/770646/

Привет, это фронтенд-команда Тинькофф и Angular Moscow Мы обещали организовать 2й Angular meetup в этом году! Открываем регистрацию на Angular Meetup #22. Собираемся 16 ноября в Москве в офисе Тинькофф вместе с друзьями из Skyeng. Будем обсуждать Angular@Next, неожиданные утечки памяти и новые возможности Angular Router. И конечно же, общаться со старыми коллегами и знакомиться с новыми! После докладов устроим неформальный нетворкинг и просто поболтаем. Уверены, что будет полезно и круто! Кстати, для тех, кто не сможет приехать в Москву, проведем трансляцию. Не забудьте зарегистрироваться и позвать с собой коллег: ✅ Ссылка для регистрации 🍕

✨ Создаем собственные валидаторы Хотя Angular предоставляет множество встроенных валидаторов, часто возникают специфические требования к проверке форм, которые требуют создания собственных валидаторов. В статье рассмотрены 40 пользовательских валидаторов, которые помогут вам улучшить проверку форм. 👉 https://itnext.io/empowering-angular-forms-40-handcrafted-custom-validators-for-precision-2023-0951cc0a1180

✨ Как выстроить удобные процессы в работе с монорепой Чтобы успешно разрабатывать несколько проектов одновременно, разработчикам нужно уметь эффективно запускать новые проекты, масштабировать существующие и переключаться между ними. Андрей Кочеров рассказал, как сделать готовый к работе репозиторий, на основе методологии Trunk Based Development. 👉 https://habr.com/ru/companies/oleg-bunin/articles/735022/

✨ Очередь микрозадач + RxJS + Angular При работе с Angular можно столкнуться со сложными механизмами, которые изначально не видны. Их понимание может существенно повысить производительность приложения. Узнайте о взаимодействии между очередью микрозадач, RxJS и механизмом обнаружения изменений в Angular. 👉 https://dev.to/this-is-angular/microtask-queue-rxjs-angular-38ah

✨ Loop Control Flow в Angular 17 Синтаксис шаблонов часто обсуждается в последнее время. Команда Angular и сообщество предлагали свои решения, и в итоге был выбран @-синтаксис. В статье показывается, как теперь выглядит код цикла в шаблоне после использования нового синтаксиса. 👉 https://dev.to/this-is-angular/declarative-loop-control-flow-in-angular-17-97d