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

🐰 Лучше день потерять Время, это очень ценный ресурс. И, чтобы распоряжаться им эффективно, необходимо регулярно аккумулировать весь накопленный опыт. 👉 https://youtu.be/OJ6cHlJo3P0 🔖 https://habr.com/ru/post/433328/

🦄 Преобразование TypeScript декораторов в статический код Использование декораторов, и написание собственных трансформаций TypeScript кода с использованием tsquery и tstemplate. Статья может показаться сложной, но описанный подход окажется для вас мощным инструментом. 👉 https://medium.com/p/8c65d606a517

💡 Как обновиться до Angular 8.0 Посетите update.angular.io для более детальной информации. Для большинства разработчиков должно хватить одной команды:

ng update @angular/cli @angular/core

👏 Релиз Angular 8.0 Angular 8.0 наконец-то зарелизили  —  меньше размер, CLI APIs, и улучшенная экосистема. 👉 https://blog.angular.io/af0261112a27

🦄 РИТ++ 🔴 Live Stream С 27 по 28 мая проходит одна из самых больших конференций по разработке. Трансляция из Конгресс-Холла доступна онлайн на YouTube. 👉 https://youtu.be/V95bBGB-89Y Список докладов, смотрите Конгресс-Холл https://ritfest.ru/2019/schedule.html

🦄 HolyJS 🔴 Live Stream С 24 по 25 мая проходит одна из самых больших конференций по JavaScript. Трансляция первого зала доступна онлайн на YouTube. 👉 https://youtu.be/WXzbhuZ-iDw Список докладов, смотрите Зал 1 https://holyjs-piter.ru/#schedule

💡 Объяснение RxJS в одной картинке Если вы знаете Promise, то вы уже знаете RxJS В RxJS есть большое количество операторов для управления потоками 🔖

🙀 Почему я перестал использовать NgRx Казалось бы, чем может быть плох NgRx? Вам на этот вопрос не ответит ни один его адепт. В этой статье вы узнаете, что не все так уж и хорошо в NgRx. И есть вещи, с которыми очень трудно мириться. 👉 https://medium.com/p/68dfc3cf3be9

🦄 Один билд, несколько environments Простой способ, как можно один раз сбилдить приложение и использовать несколько environments в процессе деплоя. 👉 https://blog.angularindepth.com/5466f00e5402

🦊 Лисьи советы 😻 Декларативность Когда вы пишете свой production код, то обязательно обращайте внимание на какие вопросы он отвечает. И не важно где этот код: в компонентах, сервисах или тестах. 🙋🏼‍♀️ Старайтесь писать его так, чтобы он отвечал на вопрос “Что делается”. 🙅🏼‍♀️ И избегайте вопросов реализации, например “Как это делается“. Посмотрите пример. Мы не знаем, как реализованы функции has, click, button, content. Но мы прекрасно понимаем что, если в лобби игры есть кнопка Forest, то мы должны ее нажать.

👌 Добавление Hotkeys в Angular приложение Простой способ, как с использованием EventManager можно легко определить горячие клавиши для себя и своих пользователей. 👉 https://netbasal.com/4704734547a2

😻 Angular 8 уже скоро Чтобы быть вкурсе всех новинок и улучшений, которые нас ждут, предлагаю ознакомиться с обзорной статьей по Angular 8 👩🏼‍⚕️ 👉 https://blog.angularindepth.com/1bf187c8f0bf

🦄 Quokka.js Если вам хочется иметь простой REPL prototyping playground в вашей среде разработки, то вы можете получить его с помощью Quokka.js. В бесплатной версии есть ряд ограничений, но ее вполне хватает для обычного использования. 👉 https://quokkajs.com/

🦊 Меня очень часто спрашиваю, что делать, если все старания и приложенные усилия остаются незамеченными? И это может быть от простых коллег на работе и до целого коммьюнити. Прежде всего тебе стоит определиться с целями, которые хочется достичь. И это очень важно, так как понимая собственную цель, ты будешь понимать зачем ты делаешь что-то. И когда ты уже определился, то можно действовать. Вот несколько советов. 😸 Научись находить положительные эмоции и избавляться от негативных. Если тебя что-то беспокоит, то первым делом узнай “Почему?”, а десятым “Сожги”. Например, если тебе неприятен какой-то человек, то не спеши сводить все общение к минимуму. Сперва стоит определить почему так происходит. 💁🏼‍♀️ Научись помогать и не бояться предложить помощь. Достижение любых целей всегда проходит через помощь другому. Поэтому проявляй инициативу и она обязательно окупится. Постарайся определить, кому ты хочешь помочь и как. 🙀 Но не всегда отвечают взаимностью, просто будь готов к этому. На это может быть тысяча причин, просто не нужно воспринимать близко к сердцу. Обязательно ищи тех, кому действительно нужна твоя помощь. Поверь, такие есть. Так же обрати внимание, что не всегда удается ответить взаимностью в полной мере по ряду причин. Например, очень часто ко мне подходят, говорят или пишут спасибо. Может быть это был ты, и я хочу выразить огромную благодарность. А если я как-то странно отреагировал, то это было от неожиданности. Знай, ты не зря подошел. Спасибо! 💖 😻 И самый главный совет: не груби и будь вежливым. Говори такие слова, как “Спасибо! Пожалуйста! Как дела?”. И никогда не говори нецензурные слова. Гораздо приятнее общаться с человеком, который вежлив к тебе и к другим, правда? Поэтому помни: меньше ожиданий, больше действий, никаких обид и только хорошие эмоции 🙌

🙌 Arrow function в Angular шаблоне Хотите ли вы создавать стрелочные функции прямо в шаблоне? Тогда следите за этим PR 😻 👉 https://github.com/angular/angular/pull/30277

😻 NG-Conf 🦊 Подборка докладов Данная подборка включает в себя все самые интересные и актуальные доклады и воркшопы с прошедшего NG-Conf. Обратите внимание, что доклады упорядочены по сложности. Но не ленитесь посмотреть самые простые, наверняка найдете для себя что-то интересное. Особое внимание советую уделить докладам по RxJS. Доклады разделены на три основных категории: 🗻 Что нас ждет в будущем 🐥 Учимся программировать 👩🏼‍⚕️ Воркшопы по технологиям Если вы хотите посмотреть все доклады сами, то можете сделать это по ссылке: 👉 https://www.youtube.com/playlist?list=PLOETEcp3DkCpimylVKTDe968yNmNIajlR 🗻 Что нас ждет в будущем The Bazel Opt-in Preview is Here! | Alex Eagle Обзорный доклад по Bazel. С чего все начиналось, когда его стоит использовать, и что нас ждет. https://www.youtube.com/watch?v=J1lnp-nU4wM Tools for Fast Angular Applications | Minko Gechev Как оптимизировать свое приложение на Angular с использованием новых возможностей в Angular 8. https://www.youtube.com/watch?v=5VlBaaXO6ok Angular For Enterprise | Stephen Fluin Как большие компании используют Angular. Многие идеи помогут вам наладить разработку в большой команде. https://www.youtube.com/watch?v=4d1HYKL2tt4 The Future of Machine Learning & Javascript | Asim Hussain Вводный доклад в машинное обучение на JavaScript, с использованием @tensorflow/tfjs. https://www.youtube.com/watch?v=hfSjaChrGpI 🐥 Учимся программировать Data Composition with RxJS | Deborah Kurata Композиция потоков с помощью простых операторов позволит не делать лишних подписок. https://www.youtube.com/watch?v=Z76QlSpYcck How To Build Your Own RxJS Operators | Ben Lesh & Tracy Lee Написание собственных операторов RxJS поможет вам упростить ваш код и сделает его понятнее. https://www.youtube.com/watch?v=E6R_1QB8q4o RxJS Schedulers form outer space – performance, animations, asynchrony | Michael Hladky Как оптимизировать или протестировать потоки RxJS с использованием Schedulers. https://www.youtube.com/watch?v=wfSKE7GtKhU RxJS Advanced Patterns – Operate Heavily Dynamic UI’s | Michael Hladky Воркшоп достаточно сложный, но стоит потраченного на него времени. Поэтому не бойтесь, держу за вас лапки 🐾 https://www.youtube.com/watch?v=XKfhGntZROQ Wrapping it up with Decorators | Nicole Oliver Почему важно использовать декораторы и как они помогают в повседневной разработке. https://www.youtube.com/watch?v=Guvd5BYocYg Use decorator to beat ngOnChanges – Decoupling ngOnChanges | Kern Zhao Необычная реализация декоратора OnChange для замены get/set у параметров класса. https://www.youtube.com/watch?v=rVDMmlCRvkg 2019: A Schematic Odyssey | Kevin Schuchard & Brian Love Вводный воркшоп в Angular Schematics. Если вы давно хотели их попробовать, то самое время это сделать. https://www.youtube.com/watch?v=X06tuCohJPQ 👩🏼‍⚕️ Воркшопы по технологиям What if your dev environment was a PWA? | Eric Simons Обзор нового функционала StackBlitz: создание приложения, взаимодействие с удаленными устройствами, интеграция с GitHub, деплой. https://www.youtube.com/watch?v=i01V52I56TA Avoiding The Suck Of Testing Using Cypress.io | Joe Eames & Jesse Sanders Как перестать писать много кода для UI тестов вместе с Cypress.io. https://www.youtube.com/watch?v=GH9Dvo_BYkk Cross Platform with Angular and Ionic 4 | Mike Hartington Обзорный доклад по новому Ionic 4. Почему стоит как минимум обратить на него внимание, при написании кроссплатформенного приложения. https://www.youtube.com/watch?v=TqdOBkY0ZFg Productivity Revolution: Angular Principles in Node | Kamil Mysliwiec Вводный доклад по NestJS, который позволит писать код для бекенда в Angular стиле. https://www.youtube.com/watch?v=RSIX4Olo2Vg Amazing Backends for Angular Devs with NestJS | Ely Lucas Создание простого бекенда для Angular приложения на базе NestJS. https://www.youtube.com/watch?v=XkEA8L_4IUY Crash Course: Angular and ngRx | Aspen Payton Возможно кто-то захочет познакомится поближе с NGRX. Как говорится: “Знай своего врага”. https://www.youtube.com/watch?v=272KDxSIQBw 🦊 Приятного просмотра! 🙌

🦄 Делаем A11y с помощью Angular CDK В продолжение вчерашней темы про A11y, но уже с использованием Angular CDK. 👉 https://blog.angularindepth.com/d32f458b8851

🦊 Лиса бомбит: A11y, Accessibility, Доступность Я не знаю когда это началось, но все чаще появляются приложения, которые попросту игнорируют стандарты A11y, или вовсе теряют эту функцинальность со временем. 👩‍💻 Вчера я столкнулся с абсурдной вещью. Все мои попытки создать опрос в Telegram чате заканчивались тем, что простое выделение текста с помощью клавиатуры попросту закрывало окно с опросом. 🤦🏼‍♀️ Поэтому я обращаюсь к вам: давайте не будем забывать о простых стандартах A11y, это ведь не так сложно. Иначе нас ждет ужасное будущее. 🙏 👉 https://a11yproject.com/