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

✨ Лениво подгружаем библиотеки

Возможно вы замечали сомнительные практики в официальном 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

🚀 Проекция контента с помощью 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/

🎉 Мы создали RxJS сообщество

Если вы хотите получить помощь, и вам нравится общаться с людьми и обмениваться знаниями, то присоединяйтесь в русскоговорящее RxJS сообщество.

💖 Получите совет по RxJS от экспертов
✨ Окунитесь в дружелюбную атмосферу
✨ У нас нет конфликтов и нет "глупых вопросов"
✨ У нас довольно большая экспертиза

До встречи в новом сообществе, буду рад вас там увидеть! 👋

👉 https://t.me/rxjs_ru

✍️ Как построить архитектуру в Angular?

Знаю, что многие задаются вопросом о том, какие архитектурные практики лучше всего применить для разработки Angular приложения. И для этого рекомендую книгу по архитектуре Enterprise Angular.

Почему? Да все очень просто, эта книга:
✨ научит Strategic Design (DDD)
✨ покажет как строить микрофронтенды
✨ расскажет о Module Federation
✨ и улучшит ваши архитектурные навыки

А еще, что круто, книга полностью бесплатная, дерзайте! 👏

👉 https://www.angulararchitects.io/en/book/

👏 FrontendConf 2021 в оффлайне!

11 и 12 октября в Москве состоится ежегодная конференция FrontendConf 2021. Это 2 дня живого общения, знакомство с современными подходами в разработке, обзор лучших практик и перспективных технологий. Поговорим и о хлебе насущном: карьера, софт-скиллс, работа с командой.

А для более доступного участия, всем подписчикам канала предложили промокод FR2021_FOX со скидкой -7%.

И если будете на конференции, то обязательно пишите, буду рад пообщаться 🦊

👉 https://clck.ru/WiLkp

☝️ Митап в Нижнем Новгороде и онлайн

3 сентября от Тинькофф пройдет Angular Meetup 20, на котором нам расскажут:
🔥 Как создавать сложные компоненты
🔥 Как оптимизировать производительность
🔥 Что такое module federation
🔥 И зачем объединять React и Angular в одном приложении

👋 Регистрация бесплатная по ссылке ниже. Место и время: Нижний Новгород, 3 сентября, 19:00 — 21:30.

👉 https://meetup.tinkoff.ru/event/angular-meetup-20-gorky/

🦊 Я завел русскоязычный твиттер

Я заметил, что там происходит много жарких обсуждений по рекрутингу, софтскиллам и зарплат, по которым у меня есть что добавить. И я добавлю! 😁

С меня много крутых мыслей, а с вас лайк и подписка! 👏

👉 https://twitter.com/thekiba_ru

🤘 NgModule будут не нужны?

Вчера в репозитории Angular опубликовали драфт со спайком опциональных NgModule. Предполагается, что для подключения компонента, директивы или пайпа, достаточно будет прописать его в deps: [] у компонента, например вот так:

@Component({
selector: 'app-component',
template: ``,
deps: [MyDirective]
})

По этому случаю, сегодня состоится стрим на канале @kirjs_ru, где мы разберемся что там происходит 👋 Приходите, сегодня в 19:30!

👉 https://t.me/kirjs_ru/235

☝️ Как эксперты проектируют фронтенды

Топовые разработчики из топовых компаний поделятся с вами собственным опытом на двухнедельной конференции Podlodka Frontend Crew, которая стартует с 12 июля. Они расскажут вам:

✨ Что такое архитектура фронтенда;
✨ Как спроектировать свое приложение;
✨ Что необходимо для чистой архитектуры;
✨ Почему логика должна быть отделена от UI;
✨ Что ждет микрофронтенды в 2021-м году;
✨ И что должен знать хороший архитектор.

А еще, с каждым спикером можно будет пообщаться в Zoom, и позадавать им любые вопросы. И, совместно с каналами @angular_ru и @angular_fox, проходит розыгрыш 4 билетов.

UPD: розыгрыш проведен, победителям отправлены билеты, результаты

👉 купить билет

🚀 ЧТО НОВОГО В RxJS 7

Месяц назад зарелизили новую версию RxJS. Обязательно ждем ее скорейшую поддержку в Angular 12 или Angular 13. И чтобы быть к этому готовыми, давайте разберемся, что нового добавили в RxJS 7.

💖 Улучшена типизация
✨ Меньше весит
✨ Меньше потребляет памяти
✨ Быстрее работает
✨ Много новых операторов

Ниже найдете ссылку на статью с описанием обновлений, и так же можно посмотреть доклад и слайды к докладу. Пишите, что вам больше всего понравилось в этом обновлении 👏

👉 https://medium.com/volosoft/whats-new-in-rxjs-7-a11cc564c6c0

🚀 Angular 12 собирается быстрее?

Обычно, когда я обновляю Angular на новую версию, то сразу замеряю скорость сборки билдов, и сравниваю стало ли лучше. Но в этот раз замерять ничего не стал.

На прошлой неделе подготовил ветку с апдейтом, а сегодня вмержил ее в next, запушил и отошел. Но не успел далеко отойти, как спустя всего несколько минут получаю сообщение о том, что билды готовы.

🥳 Думаю это очень приятный бонус к обновлению на новую версию. По ссылке ниже вся подробная информации о том, как обновиться.

👉 https://t.me/angular_fox/340

🌘 Angular.io в темной теме

Теперь документация angular.io доступна в темной теме. А по ссылке ниже, на примере реального проекта, можно увидеть какие изменения были сделаны, чтобы добавить поддержку темной темы.

Выглядит круто! 👍 А вы что думаете?

👉 https://github.com/angular/angular/pull/41129

✨ Angular DevTools — дождались!

Новый инструмент для дебага приложений на Angular теперь доступен для установки в Chrome Web Store.

💖 Что нам это дает?

✨ Просмотр структуры компонентов
✨ Редактирование компонентов
✨ Взаимодействие с компонентами
✨ Профилировка производительности

Плагин доступен только для Google Chrome, поддержки Firefox пока нет.

Плагин работает только в приложениях с запущеным ng serve и Ivy. Если плагин не включается, то проверьте, что запущен ng serve, enableProdMode() не вызывается и что приложение собирается в Ivy.

Ionic поддерживается.

Как этим всем пользоваться и зачем оно надо: https://goo.gle/angular-devtools, установить плагин можно по ссылке ниже.

👉 http://goo.gle/install-angular-devtools

✨ Что нам покажут на Google I/O?

Сегодня пройдет самая большая Google I/O конференция для разработчиков, на которой покажут что Google приготовил нам за последний год.

И по этому случаю @kirjs, разработчик из Google, проведет стрим главного доклада у себя на twitch канале, где можно будет обсудить все новинки от Google.

👋 Встречаемся сегодня в 20:00 по мск на twitch или hangouts, ссылки на twitch, hangouts и Google I/O вы найдете в канале Кирилла.

👉 https://t.me/kirjs_ru/161

🎉 Angular v12 ngUpdate Party!

Сегодня свершится празднование новой версии Angular 12 в Live формате. За следующие пару часов у вас есть возможность пообщаться с командой Angular, позадавать им любые вопросы, и покушать пиццу.

👋 Встречаемся сегодня в 20:00 по мск (через 20 минут) на Youtube! 🍕 Пиццу приносите с собой, будет весело! 😁

👉 https://youtu.be/iQUE02TWVlY

👏 Встречайте, Angular 12!

От себя отмечу, что команда Angular проделала огромную работу по переходу с View Engine на Ivy. Они реализовали полную совместимость со старыми библиотеками и дали нам возможность обновляться на новые версии Angular одной командой ng update. Это была долгая и трудная дорога, и именно сейчас можно сказать Ура! 🎉

💖 Что интересного

✨ Осуществлен переход на Angular Ivy
✨ View Engine удалят в следующей версии
✨ Nullish Coalescing оператор (??) в шаблонах
✨ Sass инлайново в @Component({ styles: `` })
✨ И множество других улучшений

👌 Для того, чтобы обновиться на новую версию, воспользуйтесь командой ng update @angular/core@12 @angular/cli@12, или подробнее по ссылке update.angular.io.

👉 https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49