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

🦊 Angular Fox Tip Думаете, что чтобы проверить действительно ли изменилось значение у Reactive Forms, требуется подключить стороннюю библиотеку? 👩‍💻 Тогда попробуйте этот простой сниппет, который пометит Reactive Forms как pristine, когда значение не поменялось 🙌 👉 https://stackblitz.com/edit/angular-dirty-checker

👩‍💻 Builders для Angular CLI Как создавать собственные команды для Angular CLI, настраивать их и переиспользовать 🙌 👉 https://blog.angular.io/d012d4489f1b

🦊 Что нового в RxJS v6.5 Добавили деструктуризацию в forkJoin 😸 Очень много deprecated, особенно обратите внимание на операторы combineLatest, forkJoin и другие 🙀 👉 https://netbasal.com/d0d74a6752ac

👩‍💻 Сложности в программировании 🍚 Разбираемся с ошибками 🥢 Расставляем капканы 🍛 Кушаем кушанье 👉 https://youtu.be/Xa-RHjUvQR0

🐙 Octotree — еще один плагин для браузера, который 🦊 использует для GitHub Он отображает файловую структуру репозитория, что делает навигацию проще. Есть бесплатная версия 🍟 👉 https://www.octotree.io/

👩‍💻 Хотите немного размяться с RxJS? Предлагаю попробовать свои силы в имплементации кастомного оператора inOrder, который вернет значения в правильном порядке. Удачи! 🙋🏼‍♀️ 👉 https://stackblitz.com/edit/rxjs-operator-challenge-in-order

🦊 Нужны ли подчеркивания в переменных 🌋 Как писать код проще ⛰ Зачем используют ограничение 80 символов 🏔 Что такое кошелёк миллера Или как значительно улучшить свой скилл буквально за 50 минут 🙌 👉 https://youtu.be/z5WkDQVeYU4

🦊 У вас остались несохраненные изменения. Вы точно хотите уйти? Или нет? 🙀 ✨ Попробуйте простое решение для своих Reactive Forms, которое защитит данные пользователя от случайного перехода! 👉 https://netbasal.com/75fd8f5f1fa6

🦄 Структурные директивы за 5 минут 🏔 Как Angular преобразует синтаксис структурных директив в <ng-template>. 🌋 Генерация структурной директивы по указанному синтаксису. 👉 https://alexzuza.github.io/ng-structural-directive-expander/

📣 Один из самых популярных вопросов: циклические зависимости при импортах Что делать, когда в консоли вы видите WARNING in Circular dependency detected? 🙀 👉 https://blog.angularindepth.com/fd8ede198596

🙌 Играемся с состояниями в Angular Достаточно необычное использование специфики работы Components и projectable nodes, которые делают код более декларативным. Обязательно поэкспериментируйте с этим 🙋🏼‍♀️ 👉 https://blog.angularindepth.com/a48932d2fa27

🙆🏼‍♀️ А вы знали, что 32.4% экспертов на Stack Overflow выбирают Angular в качестве основного веб фреймворка? Это на 0.1% больше, чем React 🦊 👉 https://insights.stackoverflow.com/survey/2019

🦊 Если сегодня вы почувствовали усталость, то возможно эта новость вас порадует 😇 🐾 В мае нас ждут 13 выходных дней и всего лишь 18 рабочих! 🥳 Это почти в х1.7 раза больше, чем в обычно! 🙆🏼‍♀️

🦄 Самый быстрый способ кэширования с помощью RxJS Кэширование Http запросов с помощью простых операторов publishReplay() и refCount(). 👉 https://blog.angularindepth.com/444a198ed6a6

🦄 Создание переиспользуемых директив Еще один замечательный пример использования директив. Ведь в отличии от компонентов, они позволяют безболезненно переиспользовать уже реализованную логику. 🐥 👉 https://netbasal.com/9908c2f04f5

👩‍💻 Очень часто слышу фразу “Мне не верится, что я заслуживаю зарплату, которую получаю”, и решил немного поразмышлять на эту тему. Причём самое интересное, что ее произносят не только начинающие, но и достаточно опытные разработчики. И прежде чем это обсудить, давай определимся с тем, что именно тебя беспокоит: — Зарплата больше, чем ожидаешь — Зарплата меньше, чем хочется 🦊 А теперь по порядку. 😬 Допустим, ты получаешь зарплату незаслуженно больше. Но смотри: — Ты делаешь всю необходимую работу — Твоя компания очень ценит это и зарабатывает на этом деньги — А часть денег выплачивает тебе И если что-то было бы не так, то тебе сразу бы об этом сказали. Но ведь этого не говорят, верно? Значит просто перестань об этом думать, все в порядке. Ты большой молодец! 👏 🙀 Но что если тебе это сказали или если хочется зарплату больше? В первую очередь успокойся, и задай себе вопрос: «А делаю ли я достаточно, чтобы зарплата была больше? Что я могу сделать полезного для компании в которой работаю?». Поинтересуйся, что делают твои более старшие коллеги. И попроси их помочь составить план собственного развития. В идеальном виде, он должен состоять из нескольких списков: — Что я уже умею — Что я хотел бы сделать — Что необходимо для этого изучить После этого обязательно отсортируй их в порядке уменьшения интереса: самое интересное наверху, самое скучное внизу. Составил? Отлично! Теперь просто сопоставь список с тем, что нужно компании, и ты получишь идеальный план для собственного развития и карьерного роста! 🥳 А если не знаешь что нужно компании, то ты точно знаешь у кого можно спросить: у своего друга коллеги. 🐥 Думаю, ты понимаешь, что без навыков и опыта никуда, но есть еще один очень важный момент. Зарплату платят не за твои навыки, а за то что и как ты делаешь. Ведь вовремя выполненные обязанности как раз и отражают размер твоей зарплаты. 😻 И если спустя пол года ты внезапно удивишься, что твоя зарплата выросла еще больше, то знай: ты на верном пути, ты ценен и ты замечателен! Поэтому подними свои лапки 🐾 и пойдём вместе попьём кофе ☕️, чай 🍵 или какао 🍫

🐥 Action Creators в NGRX Использование Action Creators в NGRX, которые немножечко сократят ваш бойлерплейт в приложении. Используйте с осторожностью, так как в следующих версиях могут быть breaking changes. 👉 https://blog.angularindepth.com/d396960e46da

🦊 Самый популярный вопрос этой недели: Какие команды ты использовал во время live coding? 🙀 👩‍💻 Ответ: Это называется Refactoring, и он уже встроен во все современные IDE. Полный список команд можно посмотреть в разделе Refactoring или в документации. 👉 WebStorm: https://www.jetbrains.com/help/webstorm/refactoring-source-code.html 👉 VSCode: https://code.visualstudio.com/docs/editor/refactoring

🦄 Build Angular Like An Architect Если вам интересно как Angular CLI работает изнутри, то обязательно попробуйте написать свой билдер с помощью обновленного Architect API. 👉 https://dev.to/steveblue/build-angular-like-an-architect-part-1-3ph2