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

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

Чаты @angular_ru @angular_jobs
Download Telegram
📚 А вы знали, что с помощью console.profile можно запускать профилировку JavaScript?

👉 https://developer.mozilla.org/en-US/docs/Web/API/Console/profile
📚 5 фич в Angular CLI, о которых вы могли не знать

🔸 Conditional Polyfill Serving
🔸 Hidden Source Maps
🔸 Looking up the Documentation
🔸 Profiling the Build
🔸 Open the Browser on ng serve

👉 https://blog.mgechev.com/2019/02/06/5-angular-cli-features/
🦄 Хотите узнать, как будут работать Tree-shakable Components и NgModules?

LayZeeDK дает подробное объяснение многих новых функций, появившихся в Angular Ivy.

👉 https://blog.angularindepth.com/angular-revisited-tree-shakable-components-and-optional-ngmodules-329a4629276d
🦄 Angular Prerender сгенерирует статичный HTML из всех роутов в вашем приложении, с помощью Guess.js и Universal.

👉 https://www.npmjs.com/package/angular-prerender
🦊 RxJS in Practice теперь доступна на Angular in Depth

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

👉 https://blog.angularindepth.com/rxjs-in-practice-86cc133b7d42
This media is not supported in your browser
VIEW IN TELEGRAM
🦄 Хотите прямо сейчас помочь Angular? Тогда пройдите два простых опроса!

🤚 Ваш голос поможет выбрать правильное направление развития Angular.

http://bit.ly/angular-survey-2019
http://bit.ly/angular-survey-2019-extended
🦄 Tooltip с помощью Angular CDK

Практическое применение @angular/cdk:
🖥️ Overlay + 🚄 Portal = 💫 Tooltip

👉 https://blog.angularindepth.com/building-tooltips-for-angular-3cdaac16d138
This media is not supported in your browser
VIEW IN TELEGRAM
🦄 А вы знали, что если нажать Command + Control + Space, то откроется Emoji Picker?

👌 Для Windows нажмите клавиши Win + ;.
🦄 Первый видеоподскаст NgRuAir!

Обсуждаем Ivy, сроки, плюсы и минусы нового рендерера.

👉 https://www.youtube.com/watch?v=O5zM5sWptTw
🦄 Хотите узнать покрытие типами вашего приложения?

Просто выполните:
npx type-coverage


👉 https://github.com/plantain-00/type-coverage
🦄 RxJS — Advanced Patterns

Event Sourcing и CQRS с помощью RxJS.

👩‍🏭 Доклад
https://youtu.be/ZaUxIX_Q0R4

📝 Слайды
https://drive.google.com/file/d/1YeuEDmy0vMlmorTgjFPIzRT71YfOxGrs/view?usp=sharing

🛠 Примеры
https://stackblitz.com/edit/rxjs-operating-heavily-dynamic-uis
🦄 Топ 7 вопросов по Angular и ответы на них

1. Нужно ли отписываться от HttpClient?
— Да, нужно.

2. Нужно ли отписываться от ReactiveForms?
— Да, нужно.

3. Нужно ли отписываться от Router?
— Да, нужно.

4. Нужно ли отписываться от ActivatedRoute?
— Да, нужно.

5. Нужно ли отписываться от Observable?
— Да, нужно.

6. Нужно ли отписываться от Subject?
— Да, нужно.

7. Нужно ли отписываться, если я точно уверен, что у меня не будет никаких утечек и сайд эффектов, и у меня вообще нет такого кейса?
— Да, нужно.
🦄 Почему вам НАДО отписываться от Observable?

Почему вам приходится это делать, как с этим бороться и как этого избежать.

👉 https://medium.com/p/ee0c62b5d21f
🦄 TypeScript 3.3.3333
🙃 Просто немного лол

👉 https://github.com/Microsoft/TypeScript/releases/tag/v3.3.3333
📚 Как работает EventManagerPlugin в Angular

🚄 Создание кастомных эвентов
🎧 Использование их с помощью HostListener()

👉 https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a
🦄 Серверный рендеринг с Angular Universal

Если вы хотели разобраться с SSR, то самое время это сделать.

👉 Второй выпуск ngRuAir подкаста
https://www.youtube.com/watch?v=6aYQxRgw8Sk
🦄 Angular Reactive Forms: Tips and Tricks

👌 Validations
💫 Update On
🦸‍♂️ Preventing Infinite Loops

👉 https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58
🦄 Погружение в РЕФАКТОРИНГ
💖 Интерактивный онлайн-курс о техниках рефакторинга

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

👉 https://refactoring.guru/ru/refactoring/course
🦄 RxJS оператор для Http ошибок

Хороший пример кастомного оператора для RxJS. Позволяет сопоставить Http ошибки с семантически более правильными.

👉 https://gist.github.com/nilsmehlhorn/14e2edb545088ea741784e122e77ad20
🦄 JavaScript Quiz: Что выведет console.log()?

console.log([1‚ 2‚ 3][3‚ 2‚ 1]);
Anonymous Poll
42%
🗽 SyntaxError
9%
🌱 1
42%
2
7%
🍀 3