🦴 Скелетоны в Angular за 3 шага

Наверняка, когда вам приходилось показывать скелетоны в Angular, то у вас могли получаться страшненькие компоненты с лишней логикой и свойствами. И по понятным причинам хочется сделать все по красоте.

С такой же ситуацией часто сталкивался Олег, который работает в команде Тинькофф Бизнеса. И для решения проблемы отображения скелетона в Angular, Олег выработал простое решение.

👉 https://habr.com/ru/company/tinkoff/blog/544948/

🔨 Как исправить баг в Angular

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

С такой же ситуацией столкнулся Дмитрий, который является Angular разработчиком. И для того, чтобы исправить баг в Angular, Дмитрий разобрался в проблеме фреймворка и сделал pull request.

👉 https://habr.com/ru/post/545388/

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

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

✨Как профилировать свое приложение;
✨Как убедить приложение загрузиться быстрее;
✨Какие инструменты используют разработчики;
✨Почему стоит оптимизировать изображения;
✨И как все это можно продать бизнесу.

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

👉 купить билет и участвовать в розыгрыше

☝️ Angular 12, который мы ждали

Вы знаете, что совсем скоро зарелисится Angular 12, поэтому мы изучили грядущее обновление, и расскажем вам о нем сегодня.

👋 Сегодня в 20:00 встречаемся на YouTube, ссылка ниже в описании. Лайк, колокольчик, подписка, все как обычно.

👉 https://www.youtube.com/watch?v=F3FO4I3anQQ

✨ Kir Js из Google завел Telegram канал

Кирилл, разработчик в Google, завел Telegram канал. В своем канале Кирилл делится опытом по Frontend и Blockchain, а так же анонсирует собственные стримы.

Если вы посетите его стрим, то вы сможете встретить интересных гостей из Google и других IT-гигантов, и по желанию задать им любой вопрос голосом или комментарием.

👋 Если вам все это интересно, то обязательно подписывайтесь на Telegram канал Кирилла!

👉 https://t.me/kirjs_ru

☝️ Соскучились по живым митапам?

28 апреля в Тинькофф пройдет Angular Meetup 19, на котором нам расскажут:
🔥 Как правильно инвертировать зависимости
🔥 Что такое облачный Nx
🔥 И как не дать Angular сообществу умереть

👋 Регистрация бесплатная по ссылке ниже. Место и время: Москва, 28 апреля, 19:15 — 21:15.

Трансляция будет, ссылка на Трансляцию появится дополнительно в посте и придет в письмах-напоминалках за сутки.

👉 https://meetup.tinkoff.ru/event/angular-meetup-19/

👏 Конкурс вопросов Круглому столу!

Завтра пройдет митап с крутыми докладами и Круглым столом на тему "Как не дать Angular сообществу умереть?".

Отвечают: Алексей Охрименко, Андрей (Angular Fox) Греков, Алексей Корнеев, Саша Инкин, Игорь Кацуба и Роман Седов

☝️ Придумай и задай вопрос по теме Angular
✌️ Укажи свое имя (по желанию)
👏 Лучшие вопросы прозвучат в прямом эфире

Все подробности участия в конкурсе, а так же форму для задавания вопросов, вы найдете по ссылке ниже.

👉 https://forms.gle/hDxnyK7nyjXZtfcm9

👏 Встречайте, 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

🎉 Angular v12 ngUpdate Party!

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

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

👉 https://youtu.be/iQUE02TWVlY

✨ Что нам покажут на 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 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

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

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

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

0YLQvtGCINC60YLQviDQuNGJ0LXRgiDRh9GC0L4t0YLQviwg0YLQvtGCINC90LDQudC00LXRgiDRjdGC0L4g0LIg0LrQvtC80LzQtdC90YLQsNGA0LjRj9GFLg==

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

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

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

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

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

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

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

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

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

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

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