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

🦄 Динамические плагины для Angular Создание и загрузка динамических плагинов с поддержкой AOT для Angular. Тот самый случай, когда “Если очень хочется, то можно 🐥”. 👉 https://blog.angularindepth.com/aed8979faba5

🦄 Имплементация Edit-in-Place в Angular Создание простой директивы для динамического отображения input над исходным текстом для его редактирования. 👉 https://netbasal.com/4fd92c4dfc70

👩‍💻 Сейчас немного размышлял на тему того, когда твоему пул реквесту вместо апрува дают кучу запросов на правки. Ты их исправляешь, но тебе приходят новые. И так до бесконечности... Во-первых, успокойся. Не нужно принимать это близко к сердцу. И чтобы аргументировать это, давай рассмотрим несколько типичных ситуаций: — Ты пишешь реально плохой код — На тебя кто-то держит злобу — Кто-то страдает перфекционизмом 🦊 А теперь по порядку. 🤷🏼‍♀️ Все пишут плохой код. Серьёзно. Но если ты считаешь, что твой код действительно плох, то постоянно задавай себе такие вопросы: — Что делает эти строчки действительно плохими? — А просто ли их понимать? — Как я мог бы это улучшить? — Почему предлагаемые изменения делают код лучше? Обязательно почитай замечательные книги: Чистый код, Программист прагматик и другие: https://t.me/angular_fox/6. В них ты найдёшь очень много ответов на свои вопросы. 🥰 И да, навряд ли кто-то держит на тебя злобу. Скорее всего проблема в чём-то другом, например нехватке времени или банальной лени. Попробуй наладить общий язык со своим ревьювером. 👩🏼‍🎨 А если кто-то страдает перфекционизмом, то не бойся показать свою точку зрения. Тогда вы обязательно найдете замечательное решение, которое будет в разы лучше. Или окажется, что текущее решение уже оптимальное. И всегда помни, что Ты отличный разработчик! Поэтому подними свои лапки 🐾 и пойдём попьём кофе ☕️, чай 🍵 или какао 🍫

🙌 Небольшой инсайд из Angular, о котором невозможно молчать ✨ В скором времени Angular CLI будет поддерживать WebWorkers прямо из коробки! Мы ждали этого достаточно долго, и уже почти дождались. 👉 https://github.com/angular/angular-cli/pull/13700

📣🌟 Angular Hot Tip Думаете, что ngOnDestroy срабатывает всегда после ngOnInit? Вы можете удивиться, но ngOnInit может никогда не вызваться! 🙀 Как это исправить? Всегда делайте проверки в ngOnDestroy! 😻 👉 https://www.bennadel.com/blog/3356-ngoninit-may-not-get-called-before-ngondestroy-is-called-in-angular-4-4-6.htm

📣🌟 Angular Hot Tip Думаете, что ngOnDestroy сработает всегда? Вы можете удивиться, но он не вызовется при обновлении страницы. 🙀 Как это исправить? Вот так! 😻

HostListener("window:beforeunload")

👉 https://wesleygrimes.com/angular/2019/03/29/making-upgrades-to-angular-ngondestroy.html

✨ Bazel updates for March Ежемесячное обновление Bazel. Он становится все более дружелюбным к пользователю. Очень ждем, когда его использование станет совсем простым. ⚡️ Faster builds 👨🏻‍🔧 Better support in Angular CLI 🧪 Bazel examples ✨ Tips and tricks 👉 https://telegra.ph/Bazel-updates-for-March-04-01

🙀 Очередное обновление Angular На самом деле изменений очень много, но есть ряд ключевых. Просто посмотрите: — имплементировали поддержку инкрементальной компиляции TypeScript ⚡️ — собраный бандл с Ivy теперь весит всего 34 байта 🙀 Разумеется, речь про размер для Hello world, но все равно это очень круто! 😻 ✨Очень ждем, когда это добавят в официальный релиз 🥳👏👏👏 👉 https://github.com/angular/angular/blob/master/CHANGELOG.md

🦄 ng-content: The hidden docs Освновная задача ng-content — это предоставить возможность делать максимально декларативные компоненты, которые сильно упростят ваш код. Ответьте для себя на вопрос: У меня есть многоуровневые компоненты? Если ответ да, то обязательно прочитайте эту статью. 👉 https://medium.com/p/96a29d70d11b

📣🌟Angular Hot Tip! 🙅🏼‍♀️ Перестаньте использовать *ngIf="condition else template" для отображения анимации загрузки! 🐣 Просто сделайте себе простой компонент или директиву. Тогда ваш код будет более декларативным! 👏 👌 https://blog.angularindepth.com/bfc045a51fba

🙌 Встречайте, codelyzer@5.0.0! В нем появилось правило принудительного ChangeDetectionStrategy.OnPush для всех компонентов! 😻 🙀 13 new rules 🥳 👩‍💻 Better rule naming 🚄 Faster rule execution 👉 https://github.com/mgechev/codelyzer/releases/tag/5.0.0

🦄 Стартовый гайд по Angular Schematics 🥚 Что такое Angular Schematics 🙀 Зачем нужны Factory, Rule, Tree… 👩‍💻 Как написать свой схематик 🐣 Как добавить ng add и ng update 👉 https://medium.com/p/5c50cf90cdb4

👩‍💻 А вы знали, что в TypeScript можно задать все допустимые значения, а потом использовать их для строгой инициализации объекта, или в качестве типа для параметров функции или класса? 👉 https://www.typescriptlang.org/docs/handbook/advanced-types.html#mapped-types

🚶🏼‍♀️ Как я стал лучше, как программист ✨ Find who inspire you 🙀 But don't idolize them 🙅🏼‍♀️ Ignore fluff 👉 https://jlongster.com/How-I-Became-Better-Programmer

🇷🇺 Angular Performance Checklist на Русском В этой статье описаны полезные практики, которые помогут вам улучшить производительность ваших приложений на Angular. 🙀 И теперь полностью на русском языке! 👉 https://github.com/mgechev/angular-performance-checklist/blob/master/README.ru-RU.md

🐥 Тригонометрия для Игр 26 интерактивных слайдов, показывающих принципы тригонометрических расчетов для построения собственной ракеты 🚀 👉 https://demoman.net/?a=trig-for-games

🌳🎋 Dynamic Reactive Forms Обновленная версия доклада с Angular Connect про динамические реактивные формы. Пока еще в разработке, но уже можно попробовать демо. 🍳 FormQL = 🥚 Reactive Forms + 🐣 Dynamic Components + 🐥 GraphQL 👉 Angular Air https://youtu.be/pYMt_pC9wb4 ✍️ StackBlitz https://stackblitz.com/edit/formql-example

📚 Имплементация простого компилятора на JavaScript Обязательно попробуйте написать собственный компилятор и поиграться с ним. Это поможет вам в разработке собственного DSL. 🔡 Lexical analysis 🌳 Syntax analysis 🗣 AST interpretation 🚀 Source code generation 👉 https://blog.mgechev.com/2017/09/16/developing-simple-interpreter-transpiler-compiler-tutorial/

🦄 Building a transaction service Реализация масштабируемого транзакционного сервиса для уменьшения нагрузки на Http сервер и без использования Ngrx. 👏 👉 https://blog.angular.io/ded666eafd5e