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

✨ Создаем Observable Ben Lesh, наиболее известный своим участием в написании RxJS, постарался помочь людям понять, что такое observable. Развеял кодом волшебство вокруг него, а @qmzik перевел. 👉 https://habr.com/ru/post/568064/

✨ Настраиваем проект на TypeScript Порой трудно настроить правильную конфигурацию для TypeScript проектов, так как несмотря на повсеместное использование TypeScript, в нем еще остаются вещи, которые можно улучшить. В этой статье рассматривается конфигурация TypeScript и что к нему можно добавить, чтобы получить превосходную инфраструктуру разработки. 👉 https://blog.ghaiklor.com/2021/02/26/how-to-setup-typescript-projects-in-2021/

✨ Современный CSS в Angular В Angular v13 удалили поддержку IE11 — это позволило Angular применять современные стили, такие как CSS Grid, переменные CSS, calc() и многое другое. В этой статье рассматриваются новые возможности в стилизации, которые влияют на то, как мы определяем стили в новых приложениях Angular. Какая новая возможность вам больше всего понравилась? 👉 https://blog.angular.io/the-new-state-of-css-in-angular-bec011715ee6

🦄 Индикатор загрузки на Angular Представьте, к вам поступила задача, сверстать индикатор загрузки. Казалось бы простая задача. Что в ней может пойти не так? Барсуков Никита рассказал о возможных проблемах и предложил свое видение того, как можно решить эту задачу не нарушая семантики верстки и не игнорируя доступность. И помните, в мире грустит один котенок Вадим Макеев, когда вы игнорируете семантику и забываете про доступность. 👉 https://habr.com/ru/company/tinkoff/blog/589735/

✨ Template Literal Types в TypeScript Template Literal Types динамически определяет новые литеральные типы со всеми возможными комбинациями. Таким образом, вы можете быстро создавать типы из других. Typescript также поставляется с утилитами для работы со строками, которые помогают преобразовать строковые литералы. В этой статье рассматривается, как их использовать и случаи их применения. 👉 https://betterprogramming.pub/mastering-typescript-template-literal-types-f4131a94ffb1

💳 E-Commerce сайт на Angular Все больше покупок совершается в Интернете. Это делает разработку интернет-магазина, для владельцев бизнеса, крайне важным делом. В этом руководстве рассказывается, как создать сайт электронной коммерции с помощью Angular. Сайт будет использовать Commerce Layer в качестве headless e-commerce API и Paypal для обработки платежей. 👉https://www.smashingmagazine.com/2021/07/ecommerce-angular11-headless-paypal/

⚡️ Мощь дженериков в TypeScript Все еще не освоили дженерики? Тогда вам будет полезно узнать о их параметризации, научиться с помощью них типизировать переменные, функции и методы, а также классы. Узнать, как можно ограничить типы и при необходимости помочь TypeScript с выведением типов, использовав Type Guard. Статья дает основные знания, которые помогут уверенно использовать обобщенные типы. 👉 https://habr.com/ru/company/tinkoff/blog/588655/

🔍 Поиск по адресу с помощью Angular и Google Maps Google Maps одно из самых известных приложений. Начиная с 9-й версии Angular, оно доступно в виде компонента, но все равно часто приходится обращаться к Google Maps API. Kevin Kreuzer облегчил нам жизнь и показал, как реализовать карту Google с поисковой строкой и автозаполнением адреса. 👉 https://kevinkreuzer.medium.com/how-to-implement-an-address-search-with-angular-and-google-maps-32a2df09f8e9

🚀 Делаем телеграф c RxJS и Angular Изучите RxJS, внедрение зависимостей, и директивы Angular в увлекательном упражнении по воссозданию аналогового телеграфа с азбукой Морзе. Давайте вместе создадим работающую демонстрацию, которая выглядит и звучит великолепно. Поехали! 👉 https://indepth.dev/posts/1481/rxjs-telegraph

🎉 Мы создали канал с анонсами тех.стримов Каждый день проходит множество трансляций, за которыми не уследить. На нашем новом канале публикуются самые интересные из них, чтобы вы ничего не пропустили. 👋 Если вам важно держать руку на пульсе технологий, подписывайтесь. 👉 https://t.me/techStreamsRu

🔥 Роль микрофронтендов в будущем Angular Многие продукты в процессе роста сталкиваются с рядом проблем, связанных с масштабированием. На стороне сервера используются микросервисы для разделения приложений, но как быть с фронтендом? Здесь приходят на помощь микрофронтенды. Давайте вместе выясним, в чем их преимущества и почему Angular превосходно подходит для микрофронтендов. 👉 https://itnext.io/how-micro-frontend-changes-the-future-of-angular-bb4deb2cfdad

🤔 Интерфейс или тип? Многие разработчики путаются при выборе между интерфейсом и типом. Это происходит из-за того, что они очень похожи, за исключением небольших отличий. В статье Todd Motto показывает основные различия между типами и интерфейсами в TypeScript, помогая принять более взвешенное решение. 👉 https://ultimatecourses.com/blog/typescript-interfaces-vs-types

🎉 Новая версия Angular 13 уже доступна В этом обновлении основной упор был сделан на оптимизацию существующего и окончательного переезда на Ivy. Как обновитесь, расскажите, стали ли ваши билды быстрее собираться? Что интересного: — Улучшена скорость сборки — Ускорение тестов и дебага — View Engine не доступен — Новый Angular Package Format — Улучшен a11y в Angular Material — IE11 теперь не поддерживается — RxJS 7.4 по умолчанию — TypeScript 4.4 Чтобы обновиться, выполните следующую команду: ng update 👉 http://goo.gle/angular-v13

✨ Лениво подгружаем библиотеки Возможно вы замечали сомнительные практики в официальном YouTube-компоненте Angular Material. В статье Александр Инкин @waterplea показывает, как используя DI, токены и фабрики можно вынести логику инициализации и улучшить код. 👉 https://habr.com/ru/company/tinkoff/blog/585534/

🎉 Мы создали Angular Jobs Если вы хотите опубликовать вакансию или резюме по Angular, и вам хочется обсудить зарплатные ожидания с людьми и получить советы прохождения интервью по Angular, то присоединяйтесь в чат с вакансиями и резюме по Angular @angular_jobs. Если вы хотите получать только сообщения о новых вакансиях и резюме, но вы не хотите общаться, то присоединяйтесь к каналу с вакансиями по Angular @angular_jobs_feed. До встречи в новом сообществе, будем рады вас там увидеть! 👋 👉 https://t.me/angular_jobs

✨ Приходится ли вам управлять командой? Денис Евграфов, эксперт в IBM Integration Bus и руководитель отдела разработки в Синимекс-Информатика, завел Telegram канал. В своем канале Денис делится опытом по менеджменту, лидерству, психологии, а так же философии. Если вы почитаете его посты, то вы сможете найти интересные инсайты про жизнь в IT, построение крутой команды и как быстро двигаться по карьерной лестнице. 👋 Если вам все это интересно, то обязательно подписывайтесь на Telegram канал Дениса! 👉 https://t.me/evgrafov_denis

🚀 Проекция контента с помощью ng-content Если часто обходите ng-content стороной, прибегаете к сложным и перегруженным решениям, то эта статья вам будет полезной. Роман Седов рассказывает о том, как с помощью ng-content упростить использование и поддержку компонентов. 👉 https://habr.com/ru/company/tinkoff/blog/573660/

🚀 Кастомные директивы Если вы хотели создать собственную директиву, но боялись. Александр Инкин показал на примере ngFor и ngIf, как расширить функциональность встроенных директив. 👉 https://habr.com/ru/company/tinkoff/blog/580172/

🎉 Анонсирован TypeScript 4.5 beta. Первого октября стала доступна бета-версия TypeScript, в которую вошло большое количество крутых изменений. 💖 Что интересного 🔥 Поддержка ECMAScript модулей в Node.js 🔥 Модификатор типа для импорта 🔥 Новый тип Awaited 🔥 Оптимизации хвостовой рекурсии для условных типов 🔥 Множество других улучшений 👌 По этому поводу @kirjs, разработчик из Firebase, написал развернутый пост. После выпуска бета-версии команда сосредоточится на исправлении проблем и доработке релиз-кандидата (RC). 👉 https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta

👆 Стратегии изменений в Angular Наверняка, вы задавались вопросом, как происходит отслеживание изменений в Angular. В этой статье ребята из Тинькофф расскажут вам о особенностях при работе с изменениями в Angular и почему лучше поставить OnPush-стратегию по умолчанию. 👉 https://habr.com/ru/company/tinkoff/blog/581378/