🦊 Angular Fox 🚀 — русскогорящие новости сообщества
3.97K subscribers
1.19K photos
7 videos
1.04K links
Как костыль на реактивно-лисьей тяге 🔥🦊

Нравится канал? Подпишись на меня!
👉 twitter.com/thekiba_ru
💖 twitter.com/thekiba_io
medium.com/@thekiba
github.com/thekiba

Чаты @angular_ru @angular_jobs
Download Telegram
🙌 FrontendConf 2019 — скидочки

13 и 14 октября
пройдет одна из самых крупных Фронтенд конференций в России. На которой будет возможность узнать все самое интересное про PWA, WebAssembly, Трассировку Лучей 👀 и многое другое!

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

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

👉 https://frontendconf.ru/moscow/2019/
🦄 AngularConnect 2019 — видосики

С 19 по 20 сентября прошла самая крупная Angular конференция в Европе. Для всех, кто этого ждал, записи докладов доступны на YouTube!

🔥 Топ 7 докладов

👀 1st Day Keynote
👀 2nd Day Keynote

🥇 How we make Angular fast
🥈 Deep Dive into the Angular Compiler
🥉 The secrets behind Angular’s lightning speed
4. It's Alive! Machine Learning Writes Your Code!
5. Migrating breaking changes with TSLint and Schematics

Остальные доклады доступны по ссылке ниже 👇

👉 https://www.youtube.com/playlist?list=PLAw7NFdKKYpE-f-yMhP2WVmvTH2kBs00s
🦄 Объяснение RxJS Multicast Operators

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

👉 https://netbasal.com/77b3f60af0a2
🦄 Angular и React компоненты

Microsoft реализовали очень интересную идею в виде рендеринга React компонентов на уровне кастомной Platform для Angular, что дает возможность переиспользовать любые компоненты и поэтапно переписать приложение.

👉 https://github.com/microsoft/angular-react
🦄 NgRuAir, сегодня в 20:30

Вам когда-нибудь было интересно, как работают современные IDE? Сегодня вместе с вами и специальным гостем Andrey Starovoyt из JetBrains поговорим про поддержку фреймворков в WebStorm, и почему в нем отказались от Angular Language Service.

👉 https://youtu.be/jLvtwNmbPKU
🦄 А ты готов к Angular 9?

Angular 9 и Ivy: Что нового реализовано в них? Готово ли там хоть что-то?? Давайте выясним!

👉 https://blog.angularindepth.com/b3dbb4078c47
🦄 HolyJS 🔴 Live Stream

С 8 по 9 ноября проходит одна из самых больших конференций по JavaScript. Трансляция первого зала доступна онлайн на YouTube.

👉 https://youtu.be/s-sPURN_hm8

Список докладов, смотрите Зал 1
https://holyjs-moscow.ru/schedule/
This media is not supported in your browser
VIEW IN TELEGRAM
🦊 Angular Platform Cloud 🦄

Однажды меня посетила мысль: а что если запустить Angular на сервере, и с помощью Angular Platform оставить рендеринг в браузере… и вот что у меня получилось!

🦊 Сервер генерирует команды для рендернига и отправляет их браузеру
🦄 Браузер обрабатывает DOM эвенты и отправляет их серверу

👉 https://github.com/thekiba/angular-platform-cloud
🦄 Angular Components и Strategy Pattern

Strategy Pattern
позволяет решать большое количество проблем. И если применить его на Angular Components, то он даст возможность легко расширять их функциональность.

👉 https://blog.angularindepth.com/61762583a7d8
🔥 State of JavaScript 2019

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

👇 Открыть ссылку
👩‍💻 Сделать выбор
💪 Отправить свой результат

Удачи
💖 survey.stateofjs.com
💡 Некоторое время назад я опубликовал статью Почему вам НАДО отписываться от Observable. И каждый день я получаю сообщения, что не надо отписываться от HttpClient...

🦊 Я сделал live demo для вас, чтобы объяснить почему все таки надо! И если вам тоже понадобится объяснить это кому-то, то смело используйте его.

👉 https://stackblitz.com/edit/why-you-have-to-unsubscribe-from-observable-material
💡 Angular 9 и оптимизация Change Detection

Новая версия Angular позволяет оптимизировать работу Change Detection, предотвращая лишние вызовы с помощью нового флага ngZoneEventCoalescing.

platformBrowserDynamic()
.bootstrapModule(AppModule, {
ngZoneEventCoalescing: true
})
.catch(err => console.error(err));


👉 https://netbasal.com/c4037199859f
🎄🌟 Релиз Angular 9 отложили до Нового Года

Это потрясающее решение, ведь у многих из нас уже праздничное настроение! 🥳 Отпразднуем Новый Год, а Angular будет нам подарком на Рождество! 🎁 💝

👉 https://twitter.com/jules_kremer/status/1206645952548720640
🌈🦄 Angular 9 и новые scope для providedIn

Посмотрев на providedIn: 'any' вам может показаться, что это какая-то ошибка… но нет! В Angular 9 появится возможность регистрировать провайдеры для 'platform' и 'any'.

👉 https://christiankohler.net/improved-dependeny-injection-with-the-new-providedin-scopes-any-and-platform
🔥🚀 State of JavaScript 2019 — результаты

В опросе State of JavaScript приняло участие почти 22 тысячи человек. И наверняка вам будет интересно узнать в каком направлении движется наш Frontend.

👉 https://2019.stateofjs.com/
🌈🦄 NG-BE 2019 — видосики

На Angular конференции в Бельгии были подняты актуальные темы: RxJS, Performance, Angular Architecture и Angular Compiler. Записи всех докладов доступны для просмотра на YouTube!

👉 https://www.youtube.com/playlist?list=PL9pV_RwZceNg1jtLA2fuE3SNAEApuna0o
🔥🚀 Angular Ivy и Component features

Angular Ivy открывает огромные возможности по расширению компонентов. Теперь мы можем получить доступ к Injector, просто изменив factory в ComponentDef с помощью features.

👉 https://indepth.dev/component-features-with-angular-ivy/
🦄 Пишем свою стратегию для VirtualScroll из Angular CDK

Написание кастомной стратегии для VirtualScroll может показаться сложной задачей. Но благодаря DI и предусмотрительности команды Angular, это оказалось достаточно просто.

👉 https://habr.com/ru/post/484168/
🏎️💨 Что происходит с Angular Ivy

Мой коллега Lars Nielsen из Angular In Depth опубликовал статью, в которой показал официальный план миграции с ViewEngine на Angular Ivy.

Судя по имеющейся информации, релиз Ivy действительно состоится вместе с Angular 9, но не стоит ожидать стабильной работы раньше Angular 11, и вот почему.

Для обеспечения обратной совместимости с ViewEngine, команда Angular разработала ngcc, с которым на данный момент существует множество проблем. Как видно из представленной таблицы, полный переезд на Angular Ivy ожидается в течении всего 2020 года, а именно к релизу Angular 11.

Поэтому полноценный переезд с ViewEngine на Angular Ivy будем ждать к концу 2020 года.

👉 https://indepth.dev/the-angular-ivy-guide-for-library-authors/
🧩 Дружим Angular и Nest.js вместе с gRPC

Я не являюсь фанатом REST, поэтому в своей практике стараюсь использовать RPC, так как он упрощает разработку API и клиента. А используя gRPC мы получаем статическую типизацию клиент-серверного взаимодействия из коробки.

👉 https://medium.com/p/f8eca5404fc7
😻 Кастомные операторы для RxJS

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

👉 https://medium.com/p/32f052d69457