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

🦄 Taiga UI: год в Open Source Taiga UI — это библиотека компонентов на Angular. Она разрабатывалась несколько лет, перед тем как выйти в публичный доступ. Open Source помог сформировать сообщество, благодаря идеям и помощи которого были расширили возможности кастомизации и локализации. С тех пор прошел год, и Александр Инкин подводит итоги и делится планами на будущее. 👉 https://habr.com/ru/company/tinkoff/blog/649685/

✨ Создаем видеочат С появлением WebRTC позволяющего делать видеозвонки в браузере, все больше приложений стали добавлять этот функционал. В статье Александр Шатилов рассказывает о построении видеоконференций на базе Angular, WebRTC и Openvidu. 👉 https://habr.com/ru/company/europlan/blog/595731/

✨ Тестируем компоненты по новому Component Harness — это способ тестирования компонентов, который позволяет убрать зависимость тестов от внутренней реализации компонента: разработчикам предоставляется специальный API, который упрощает взаимодействие с компонентом и DOM. Идея такого подхода возникла из шаблона PageObject. Давайте разберемся на примерах, как можно самостоятельно реализовать Component Harness для своих компонентов. 👉 https://kevinkreuzer.medium.com/how-to-write-component-harnesses-in-angular-8dbcccf2bf0e

✨ Настраиваем Tailwind CSS в Angular Tailwind CSS — это CSS-фреймворк с хорошей функциональностью из коробки и высоким уровнем персонализации. С момента своего появления он привлек к себе много внимания, и он хороший вариант, когда речь идет о стилизации наших приложений. В этой статье рассматривается, как можно использовать Tailwind CSS с Angular. 👉 https://blog.nrwl.io/set-up-tailwind-css-with-angular-in-an-nx-workspace-6f039a0f4479

🔥 Новая диагностика в Angular Наверное, каждому программисту знакомо разочарование, когда приходится тратить часы на отладку, чтобы в конце концов обнаружить, что какая-то крошечная деталь, например, скобка, была пропущена. В последнем выпуске Angular v13.2 добавлена новая замечательная функция. Она называется расширенная диагностика. Давайте рассмотрим ее подробнее. 👉 https://kevinkreuzer.medium.com/angular-extended-diagnostics-bee0400727ec

⭐️ Реализация GitHub с помощью Angular Команда This Dot Labs создала клон интерфейса GitHub, чтобы дать сообществу проект, демонстрирующий возможности Angular, с открытым исходным кодом в качестве учебного пособия. Проект нуждается в доработке. Если вы новичок в Angular и хотите получить отзыв о своем коде. Можете сделать pull request с вашими изменениями, и они с радостью рассмотрят его и дадут обратную связь. 👉 https://www.thisdot.co/blog/announcing-angular-github-clone-for-starter-dev-showcases

🦊 Лис разрушает мифы про Angular Очень часто вижу, что люди задаются таким вопросом: «А правда ли то, что Angular сложный, тяжелый и трудно поддерживаемый фреймворк?» или «Что проще выучить новичку: Angular или React?» Это хорошие вопросы, которые ставят многих разработчиков в тупик. На стриме, который состоится через неделю — 3 февраля, расскажу на примерах, что на самом деле такое Angular. Зарегистрироваться можно здесь. 👉 https://youtu.be/ZHvQv34WKlk

🎉 Angular v13.2 уже здесь Нововведения: — Поддержка optional chaining в шаблонах — Дополнительные опции в FormControl — Расширенная диагностика Так же добавили более умные предупреждения и помощь в раннем обнаружении простых ошибок. 👉 https://github.com/angular/angular/releases/tag/13.2.0

🔥 Функции TypeScript, которые следует избегать TypeScript — это сложный язык, который значительно эволюционировал с течением времени. Как и в случае с любым зрелым языком, приходится принимать сложные решения о том, какие функции использовать, а какие избегать. В этой статье перечислены четыре функции TypeScript, которые ее авторы рекомендуют избегать, но в зависимости от ваших обстоятельств, могут быть веские причины для их использования. 👉 https://www.executeprogram.com/blog/typescript-features-to-avoid

✨ Обзор дорожной карты Angular За предыдущий год команда Angular завершила 16 проектов из дорожной карты. Которые включали: — Улучшение производительности, тестирования и отладки — Ivy стал единственным движком рендеринга — На 88% ускорилась сборка — Выпущены Angular DevTools Прямо сейчас идет работа над двумя востребованными инициативами: — Строго типизированные реактивные формы (RFC) — Автономные компоненты (RFC) В этом году также планируется выпустить несколько улучшений производительности и DX. В дорожной карте есть и другие пункты, так что следите за новостями. 👉 https://blog.angular.io/angular-2021-recap-and-2022-preview-cb3067f76217

🎉 Анонсирован TypeScript 4.6 beta. 21 января анонсировали бета-версию TypeScript. Нововведения: — Разрешение кода в конструкторах перед super() — Улучшенная проверка глубины рекурсии — Анализ потока управления для зависимых параметров — Анализатор трассировки Чтобы узнать подробности, включая даты выпуска, вы можете взглянуть на план итераций. 👉 https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-beta/

🔥 Observables vs Promises В этой статье вы получите полное представление о том, чем промисы отличаются от Observables. Олег Барановский постарался охватить все, что нужно знать, в одном месте. Каждая тема будет сопровождаться примерами кода. Так что будьте уверены, скучать вам не придется. 👉 https://obaranovskyi.medium.com/the-ultimate-guide-to-observables-and-vs-promises-rxjs7-296877376668

✨ Осваиваем связанные типы в TypeScript Связанные типы — это удобная функция TypeScript, которая позволяет применять DRY. Однако, поскольку они находятся на грани между программированием и метапрограммированием, поначалу их бывает трудно понять. В начале этой статьи рассматриваются концепции, позволяющие использовать связанные типы, а затем дан продвинутый реальный пример. 👉 https://blog.logrocket.com/mastering-mapped-types-typescript/

✨ Micro-Frontends в Angular Современные веб-приложения становятся все более крупными и сложными и иногда разрабатываются несколькими командами. Как управлять разными командами, разными сроками выпуска, если у вас один репозиторий? В этом посте рассмотрены преимущества и недостатки микросервисной архитектуры. 👉 https://blog.devgenius.io/angular-micro-frontend-4dad619c4277

✨ Упрощаем себе работу с Enums в TypeScript Работая над несколькими проектами, построенными на TypeScript, Олег Барановский заметил общие функции, которые приходилось переносить из проекта в проект. Поэтому он решил собрать их вместе и поделиться тем, что получилось. В этой статье рассмотрены 8 функций, которые будут полезны при работе с Enums. 👉 https://obaranovskyi.medium.com/top-7-functions-youll-ever-need-to-work-with-enums-in-typescript-d8a75a445f2b

Сегодня в 9 вечера по Москве с KirJS разберем долгожданный RFC для типизированных форм: https://github.com/angular/angular/discussions/44513 🔥Прочитаем RFC и комменты 🔥Потыкаем результат 👀 Посмотреть: twitch.tv/kirjs | youtu.be/tIpIVg99O64 ✉️ Обсудить в чате: https://t.me/kirjs_ru_chat/43407 🗣 Пообщаться голосом: twitch.tv/kirjs

🚀 RFC строго типизированных реактивных форм В течение пяти лет строгие типы в пакете Forms были одним из главных запросов. Issue #13721 является самым популярным в репозитории Angular. Многие пытались реализовать его на протяжении нескольких лет. Команда Angular открыла обсуждение строго типизированных форм и создала RFC. Цель этого RFC — подтвердить дизайн с помощью сообщества, и дать возможность экспериментировать с помощью прототипа. 👉 https://blog.angular.io/typed-forms-the-rfc-is-here-53263e792c89

✨ Полное руководство по директиве ngFor в Angular Если у вас есть итерируемый список с элементами, которые необходимо отобразить, то ngFor идеально подойдет для этой работы. Директива NgFor — это мощная техника для визуализации нескольких элементов. Она предоставляет множество полезных дополнительных возможностей, о которых рассказано в статье. 👉 https://indepth.dev/tutorials/angular/complete-guide-to-ngfor-directive

✨ 5 лучших техник на TypeScript Со временем и практикой мы пишем более качественным код, но всегда есть место для улучшения. Ни одна методика не сделает запутанную программу лучше, однако сумма небольших улучшений будет существенной. Надеемся эта статья откроет для вас несколько новых приемов. 👉 https://obaranovskyi.medium.com/top-5-techniques-in-typescript-to-bring-your-code-to-the-next-level-6f20be543b39

✨ Прекращение поддержки AngularJS Для многих AngularJS стал технологией, изменившей жизнь, он заложил прочный фундамент для Angular и помог определить будущее веба. Но время идет, и команда разработчиков объявила о прекращении поддержки AngularJS. Вы можете обновить свои приложения на Angular и воспользоваться преимуществами производительности и масштабируемости. 👉 https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a