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

Как стать фронтенд-разработчиком с нуля за 10 месяцев и окупить свое обучение? Шаг 1. Под руководством наставника освойте обновленную учебную программу по профессии «Фронтенд-разработчик» на Хекслете, выполните 4 учебных проекта и поучаствуйте в Open Sourcе Шаг 2. Пройдите 3-месячную оплачиваемую стажировку в проектах ИТ-кластера Ростелеком с оплатой 40 000 ₽ в месяц. Получите знания, релевантные рынку, и начните карьеру с весомой строчки в резюме У нас удобная рассрочка от 7780 ₽ в месяц и бесплатные вводные курсы, чтобы оценить формат. Присоединяйтесь! #реклама 🙀

✨ Изучаем Module Federation в Angular В последнее время ведется много дискуссий о микрофронтендах. Они позволяют разделить огромную кодовую базу на более мелкие части и поручить каждую часть отдельной команде. Подобная реализация раньше требовала множество трюков. К счастью, Module Federation упрощает эту задачу. Manfred Steyer с помощью простых примеров показал, как применять Module Federation с Angular. 👉 https://auth0.com/blog/micro-frontends-with-angular-module-federation-and-auth0/

✨ Разбираемся в type В TypeScript обычно можно обойтись объявлением типов через interface, но иногда пригождается и type. С его помощью можно писать утилиты, которые выполняются при анализе кода и расширяют возможности языка. Павел Дымков рассказал про type, не касаясь интерфейсов. Однако, эта тема интереснее, чем может показаться, и наверняка вы найдете что-то новое для себя. 👉 https://habr.com/ru/post/648805/

🦄 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