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

✨ Angular 15.1.0 делает код немного проще Прошло некоторое время с момента выхода Angular 15. С тех пор команда Angular выпустила несколько минорных версий. В статье рассказано о наиболее интересных исправлениях и функциях. 👉 https://medium.com/p/8680dbdea436

✨ Как работает реактивность с Zone.js Продолжаем погружаться в работу с Zone.js. Эта статья представляет собой углубленный взгляд на то, как работает Angular под капотом. 👉 https://unicorn-utterances.com/posts/angular-internals-zonejs

✨ Взаимодействие браузера, angular и zone.js В Angular обнаружение изменений автоматически запускается после каждого асинхронного события. Предполагается, что большинство событий вызывают изменение состояния приложения, которое должно быть отражено в DOM. Чтобы Angular знал, когда состояние приложения может измениться, ему необходимо знать, когда происходят эти события. Именно здесь в игру вступает библиотека zone.js. 👉 https://indepth.dev/posts/1510/rendering-cycle-in-angular-applications-browser-angular-and-zone-js-interaction

✨ Обнаружения изменений в Angular Ivy Когда Angular выполняет обнаружение изменений для определенного компонента, он выполняет ряд операций. Эти операции иногда называют побочными эффектами. Основным побочным эффектом является рендеринг состояния приложения. В этой статье представлен обзор всех операций, которые Angular выполняет во время обнаружения изменений в новом движке Ivy. 👉 https://indepth.dev/posts/1509/overview-of-angulars-change-detection-operations-in-ivy

✨ 11 советов по TypeScript Зачастую TypeScript воспринимается как простой способ поиска потенциальных ошибок в коде, но самая невероятная его сила заключается в составлении, выводе и манипулировании типами. В этой статье приведено несколько советов, которые помогут вам использовать TypeScript на полную мощность. 👉 https://dev.to/zenstack/11-tips-that-help-you-become-a-better-typescript-programmer-4ca1

✨ Терминал для Angular разработчиков Каждый программист проводит множество времени за терминалом, но как сделать его удобным и приятным в использовании? Пошаговое руководство по настройке терминала, заточенного под Angular. 👉 https://angularexperts.io/blog/the-ultimate-terminal

✨ Обрабатываем ошибки Для любого проекта важно отлавливать и регистрировать ошибки. Другим важным шагом является мониторинг ошибок, например с помощью Sentry. В статье описывается подход с которым гораздо легче поддерживать код. 👉 https://medium.com/p/d7a314ad4991

🦄 Год Тигра в Taiga UI Разработка Taiga UI идет уже несколько лет. У библиотеки есть выделенная core-команда, но внушительная доля улучшений приходится на внешних контрибьюторов. К концу 2022 года их количество превысило сотню человек. Барсуков Никита рассказал о проделанной работе, и что принес новый мажорный релиз. 👉 https://habr.com/ru/company/tinkoff/blog/707050/

✨ Полиморфизм простыми словами Наверняка вы встречались с полиморфизм, возможно даже вас о нем спрашивали на собеседовании. В статье раскрывается удивительный мир полиморфизма, который не ограничен наследованием кошек и собак от Animal. 👉 https://medium.com/p/207d9f9cd78

✨ Оптимизация валидации форм с помощью ленивой загрузки Ленивая загрузка — это техника, используемая для повышения производительности веб-приложений путем загрузки необходимого кода и ресурсов только по мере необходимости. Это может быть особенно полезно в больших и сложных приложениях, поскольку позволяет сократить время первоначальной загрузки и улучшить общее впечатление пользователя. 👉 https://medium.com/p/61265536a6f2

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

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

✨ Паттерны проектирования: Состояние Паттерн Состояние и Стратегия похожи по структуре, и оба относятся к поведенческим паттернам. Суть Стратегии заключается в выборе из нескольких стратегий, которые выполняют одну и ту же задачу. Паттерн Состояние больше сосредоточен на переключении между состояниями, но у состояний различное поведение. В статье описывается паттерн Состояние и его отличия от Стратегии. 👉 https://medium.com/p/32120b9a759f

✨ Реализация upsert диалогов Термин "upsert" представляет собой комбинацию слов "update" и "insert" и означает, что диалог может использоваться как для создания новой записи, так и для обновления существующей. Давайте посмотрим, как мы можем реализовать эту функциональность. 👉 https://medium.com/p/732197d4936b

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

✨ Создаем и публикуем npm-пакет с TypeScript и тестами Часто в различных проектах требуется один и тот же функционал, можно перенести код вручную, но можно создать на его основе пакет. В этой статье показано как с нуля создать, покрыть тестами и опубликовать npm-пакет. 👉 https://habr.com/ru/company/otus/blog/704398/

🔥 Angular нуждается в реактивном примитиве Разработчики Angular экспериментируют с различными подходами, один из которых реактивный примитив, который необходим для простой, локальной синхронизации состояния. Mike Pearson поделился соображениями о возможном будущем Angular. 👉 https://dev.to/this-is-angular/i-changed-my-mind-angular-needs-a-reactive-primitive-n2g

✨ История внедрения TypeScript JavaScript — это язык с динамической типизацией. Когда вы меняете тип переменной в одном месте, забыв поменять способ обращения к ней в другом, об ошибке узнаете только в рантайме. Это непонравилось фронтендерам из hh. Вот их история миграции. 👉 https://habr.com/ru/company/hh/blog/702346/

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

✨ Изучаем строго типизированные реактивные формы Типизированные формы помогают нам избежать многих распространенных проблем при работе с нашими формами. Лучший способ научиться и понять, зачем использовать типизированные реактивные формы, — это разобрать сценарий использования. 👉 https://www.danywalls.com/how-to-use-strictly-typed-reactive-forms-in-angular