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

✨ К юбилею канала 🦊 Angular Fox 🚀 совместно с JetBrains, мы приготовили 2 годовые подписки на мою любимую IDE WebStorm. Для участия в конкурсе необходимо быть подписанным на канал. Счастливчики будут выбраны случайным образом 4 июля.

🎩 Разбираемся с Angular Elements Пакет @angular/elements предоставляет нам метод createCustomElement(), который оборачивает Angular Components в Web Components. Но как это работает? 👉 https://netbasal.com/8e6804f32e9f

🦊 Декларативность в RxJS Часто задумываетесь об инициализации значения при создании подписки на форму? Больше не нужно ломать мозг, ведь что может быть проще, чем создать собственный оператор valueChanges(), который вернет Observable с актуальным и новыми значениями формы. 👉 https://stackblitz.com/edit/value-changes-operator

🦄 In The Loop В этом выступлении рассматривается Event Loop браузера, который управляет основным потоком с JavaScript, events и rendering. И показывается разница между tasks, microtasks, requestAnimationFrame, requestIdleCallback. 👉 https://youtu.be/cCOL7MC4Pl0

✨ Что такое Event Loop Каждый день большинство разработчиков используют асинхронную магию JavaScript. Так как же на самом деле работает асинхронный код? 👉 https://youtu.be/8aGhZQkoFbQ

🦄 Эмуляция Tree-shakable Components Что такое Single Component Angular Modules, и какие плюсы и минусы мы получим, создавая модуль для каждого компонента? 👉 https://blog.angularindepth.com/5e3d380364ea

🦊 Как лис пишет статьи Часто спрашивают “Я очень хочу начать писать статьи, и никак не могу понять. С чего начать? С чего начал ты?”. Поэтому сегодня попробую ответить на этот вопрос, кратко рассказав свою историю и какой опыт для себя вынес. Статьи начал писать после первого выступления, поэтому уместно немного об этом упомянуть, как о своем первом шаге. Первый доклад готовился очень долго. И не многие знают, но каждый мой доклад сопровождается не только слайдами с картинками, но и полноценным текстом о том, как и что я буду говорить. У меня ушло около месяца полноценного времени на подготовку, хотя выступление продлилось меньше 10ти минут. Тогда я вынес для себя несколько важных правил. ⏳ Потребуется много времени. И от этого никуда не деться. Если хочешь получить приемлемый для себя результат, то придется потратить очень много времени. Перед первым выступлением меня очень сильно подстегнула фраза: “Выйдешь, пукнешь и уйдешь”. После этого вопросов на эту тему у меня не возникает. 🎓 Все что я говорю должно быть понятно даже школьнику, ведь у меня есть всего 3 секунды, чтобы донести мысль. Если для понимания требуется больше времени, то я пытаюсь это упростить. Если упростить никак не удается, то это вырезается из доклада/статьи. Таким образом от первоночального текста остается 20-30%. 🦄 Все любят картинки с рисунками? Я их просто обожаю, особенно когда они красочные и в тему. Тут важно находить иллюстрации высокого качества, и приэтом они должны быть выдержанны в одном стиле и подходить по контексту. ✍️ Больше практики, и тогда на написание статей и подготовку докладов будет тратиться заметно меньше времени. На самый первый свой доклад я потратил 4 недели. На самый последний 1 неделю. Приэтом, по моему мнению, качество заметно выросло. 🌊 Большинство тем для статей лежит на поверхности. Тут не нужно особо задумываться, нужно просто посмотреть о чем общаются люди и с какими проблемами сталкиваются. Самый идеальный вариант, это найти максимально популярную проблему. 👩🏼‍💼 Если ты о чем-то знаешь, то необязательно об этом знают другие. Это достаточно неочевидная вещь, просто стоит о ней помнить. 🤓 Не нужно бояться критики. Нужно наоборот ей радоваться. Когда нет критики, то очень тяжело совершествовать свой скилл, так как некоторые моменты можно заметить только со стороны. 🙆🏼‍♀️ “Я ничего не знаю, и поэтому не буду ничего писать”, возможно так кто-то подумает. Но на самом деле, когда задаешь себе тему и цель, то у тебя появляется замечательная возможность и мотивация это изучить. ⛰ А когда кажется, что ничего не получится, то это только кажется. Не поддавайся соблазну все бросить, и просто иди вперед. И тогда стены окажутся не такими уж и каменными, если начать их ломать. А если тебе нужна помощь, то у нас есть отдельный чатик, где мы пишем и обсуждаем темы для новых статей на medium. Поэтому, когда у тебя появится достаточно мотивации, чтобы начать, то просто напиши мне, и я тебя добавлю. Просто верь в себя, и все получится. Я в тебя верю, держи лапку 🐾 — Лисьи мысли 🦊

✨ Angular CLI Experience Feedback Давайте поможем Angular Team улучшить скорость билдов и качество Angular CLI, заполнив простой опрос. 👉 https://twitter.com/angular/status/1141764864202776576

🦄 Простое создание Angular Forms Имплементировать ControlValueAccessor — то еще удовольствие. И для того, чтобы перестать страдать, есть ngx-sub-form с готовыми абстракциями для создания кастомных контролов. 👉 https://dev.to/maxime1992/building-scalable-robust-and-type-safe-forms-with-angular-3nf9

🔥 Angular Terminal Platform Благодаря абстракциям над DOM, Angular способен работать под любой платформой. Как пример, кастомная реализация PlatformTerminal в виде адаптера к blessed, с демонстрацией дашборда в вашем терминале. 👉 https://github.com/Tibing/platform-terminal

🦄 Делаем тестирование проще Использование Jest, Wallaby и Spectator для ускорения и упрощения Unit-тестов в Angular. 👉 https://dev.to/wescopeland/easier-angular-unit-testing-4aic

🦄 Нужны ли препроцессоры сегодня Последнее время все чаще всплывает вопрос о необходимости использовать препроцессоры. Так ли они необходимы сегодня? 👉 https://medium.com/p/727a856d1443

🦄 Один тип хорошо! Два типа плохо! Посмотрел доклад, и не понял, что такое Мономорфизм? Чем же на самом деле является Мономорфный код? 👉 https://habr.com/ru/post/303542/

🦄 Оптимизированный код в JS Frameworks Если вам интересно, почему Angular и React такие быстрые, то вам необходимо узнать про Monomorphism, Bit Fields и Bloom Filters. 👉 https://youtu.be/_VHNTC67NR8

🦄 Оптимизация UX пока загружается Angular приложение Несколько способов, как можно улучшить User Experience с пользователем, выполняя действия в бэкграунде, пока прогружается приложение. 👉 https://netbasal.com/7e982a67ff1a

🎸 Web Audio для Electric Guitar О том, как подключить музыкальный инструмент с помощью Web Audio API. И о тонкостях работы с AudioContext. 👉 https://bobrov.dev/blog/web-audio-for-electric-guitar-how-to-connect-instrument/

🎸 Angular Rocks Играешь на гитаре? Тогда самое время ее расчехлять. Различные примочки прямо в браузере на Angular 🤟😎 👉 https://github.com/vitaliy-bobrov/js-rocks

✨ Пришло время попробовать Angular Ivy Если вы собираетесь попробовать Angular Ivy, то узнайте как вы можете помочь команде Angular с устранением возникших проблем. 👉 https://blog.angular.io/38f3542a282f

📢⚠️ Breaking Changes в Angular 8.0 для ViewChild и ContentChild Установите { static: true } и результат будет доступен в ngOnInit Установите { static: false } и результат будет доступен в ngAfterViewInit Рекомендуется использовать { static: false } ✨ 👉 https://angular.io/guide/static-query-migration