Size: a a a

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

2019 March 19
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Стейт-машина в Angular

🥚 Как используют стейт-машины
🐣 Плюсы и минусы
🐥 Учимся использовать правильно

👉 https://medium.com/p/452f8b47ce9d
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🚀 CodeSandbox

CodeSandbox запускает VSCode, что делает его отличной альтернативой stackblitz. Имеет интеграцию с GitHub, поддерживает совместное программирование онлайн, и многое другое.

📦 VSCode Extensions
🛠 Devtool functionality
🚀 TS Refactoring support
👫 Real-time Live Share Coding

👉 https://hackernoon.com/4febbaba1963
источник
2019 March 20
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Building a transaction service

Реализация масштабируемого транзакционного сервиса для уменьшения нагрузки на Http сервер и без использования Ngrx. 👏

👉 https://blog.angular.io/ded666eafd5e
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
📚 Имплементация простого компилятора на JavaScript

Обязательно попробуйте написать собственный компилятор и поиграться с ним. Это поможет вам в разработке собственного DSL.

🔡 Lexical analysis
🌳 Syntax analysis
🗣 AST interpretation
🚀 Source code generation

👉 https://blog.mgechev.com/2017/09/16/developing-simple-interpreter-transpiler-compiler-tutorial/
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🌳🎋 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
источник
2019 March 22
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🐥 Тригонометрия для Игр

26 интерактивных слайдов, показывающих принципы тригонометрических расчетов для построения собственной ракеты 🚀

👉 https://demoman.net/?a=trig-for-games
источник
2019 March 24
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🇷🇺 Angular Performance Checklist на Русском

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

🙀 И теперь полностью на русском языке!

👉 https://github.com/mgechev/angular-performance-checklist/blob/master/README.ru-RU.md
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🚶🏼‍♀️ Как я стал лучше, как программист

✨ Find who inspire you
🙀 But don't idolize them
🙅🏼‍♀️ Ignore fluff

👉 https://jlongster.com/How-I-Became-Better-Programmer
источник
2019 March 25
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 А вы знали, что в TypeScript можно задать все допустимые значения, а потом использовать их для строгой инициализации объекта, или в качестве типа для параметров функции или класса?

👉 https://www.typescriptlang.org/docs/handbook/advanced-types.html#mapped-types
источник
2019 March 27
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Стартовый гайд по Angular Schematics

🥚 Что такое Angular Schematics
🙀 Зачем нужны Factory, Rule, Tree
👩‍💻 Как написать свой схематик
🐣 Как добавить ng add и ng update

👉 https://medium.com/p/5c50cf90cdb4
источник
2019 March 28
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🙌 Встречайте, 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
источник
2019 March 29
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
📣🌟Angular Hot Tip!

🙅🏼‍♀️ Перестаньте использовать *ngIf="condition else template" для отображения анимации загрузки!

🐣 Просто сделайте себе простой компонент или директиву. Тогда ваш код будет более декларативным! 👏

👌 https://blog.angularindepth.com/bfc045a51fba
источник
2019 March 30
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 ng-content: The hidden docs

Освновная задача ng-content — это предоставить возможность делать максимально декларативные компоненты, которые сильно упростят ваш код.

Ответьте для себя на вопрос: У меня есть многоуровневые компоненты?
Если ответ да, то обязательно прочитайте эту статью.

👉 https://medium.com/p/96a29d70d11b
источник
2019 April 01
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🙀 Очередное обновление Angular

На самом деле изменений очень много, но есть ряд ключевых. Просто посмотрите:
— имплементировали поддержку инкрементальной компиляции TypeScript ⚡️
— собраный бандл с Ivy теперь весит всего 34 байта 🙀

Разумеется, речь про размер для Hello world, но все равно это очень круто! 😻

✨Очень ждем, когда это добавят в официальный релиз  🥳👏👏👏

👉 https://github.com/angular/angular/blob/master/CHANGELOG.md
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
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 Fox 🚀 — русскогорящие новости сообщества
📣🌟 Angular Hot Tip

Думаете, что ngOnDestroy сработает всегда? Вы можете удивиться, но он не вызовется при обновлении страницы.

🙀 Как это исправить? Вот так! 😻
HostListener("window:beforeunload")


👉 https://wesleygrimes.com/angular/2019/03/29/making-upgrades-to-angular-ngondestroy.html
источник
2019 April 02
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
📣🌟 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 Fox 🚀 — русскогорящие новости сообщества
🙌 Небольшой инсайд из Angular, о котором невозможно молчать

✨ В скором времени Angular CLI будет поддерживать WebWorkers прямо из коробки! Мы ждали этого достаточно долго, и уже почти дождались.

👉 https://github.com/angular/angular-cli/pull/13700
источник
2019 April 03
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 Сейчас немного размышлял на тему того, когда твоему пул реквесту вместо апрува дают кучу запросов на правки. Ты их исправляешь, но тебе приходят новые. И так до бесконечности...

Во-первых, успокойся. Не нужно принимать это близко к сердцу. И чтобы аргументировать это, давай рассмотрим несколько типичных ситуаций:

Ты пишешь реально плохой код
На тебя кто-то держит злобу
Кто-то страдает перфекционизмом

🦊 А теперь по порядку.

🤷🏼‍♀️ Все пишут плохой код. Серьёзно. Но если ты считаешь, что твой код действительно плох, то постоянно задавай себе такие вопросы:
— Что делает эти строчки действительно плохими?
— А просто ли их понимать?
— Как я мог бы это улучшить?
— Почему предлагаемые изменения делают код лучше?

Обязательно почитай замечательные книги: Чистый код, Программист прагматик и другие: https://t.me/angular_fox/6. В них ты найдёшь очень много ответов на свои вопросы.

🥰 И да, навряд ли кто-то держит на тебя злобу. Скорее всего проблема в чём-то другом, например нехватке времени или банальной лени. Попробуй наладить общий язык со своим ревьювером.

👩🏼‍🎨 А если кто-то страдает перфекционизмом, то не бойся показать свою точку зрения. Тогда вы обязательно найдете замечательное решение, которое будет в разы лучше. Или окажется, что текущее решение уже оптимальное.

И всегда помни, что Ты отличный разработчик! Поэтому подними свои лапки 🐾 и пойдём попьём кофе ☕️, чай 🍵 или какао 🍫
источник