🐥 Action Creators в NGRX

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

👉 https://blog.angularindepth.com/d396960e46da

👩‍💻 Очень часто слышу фразу “Мне не верится, что я заслуживаю зарплату, которую получаю”, и решил немного поразмышлять на эту тему. Причём самое интересное, что ее произносят не только начинающие, но и достаточно опытные разработчики.

И прежде чем это обсудить, давай определимся с тем, что именно тебя беспокоит:
— Зарплата больше, чем ожидаешь
— Зарплата меньше, чем хочется

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

😬 Допустим, ты получаешь зарплату незаслуженно больше. Но смотри:
— Ты делаешь всю необходимую работу
— Твоя компания очень ценит это и зарабатывает на этом деньги
— А часть денег выплачивает тебе

И если что-то было бы не так, то тебе сразу бы об этом сказали. Но ведь этого не говорят, верно? Значит просто перестань об этом думать, все в порядке. Ты большой молодец! 👏

🙀 Но что если тебе это сказали или если хочется зарплату больше? В первую очередь успокойся, и задай себе вопрос: «А делаю ли я достаточно, чтобы зарплата была больше? Что я могу сделать полезного для компании в которой работаю?».

Поинтересуйся, что делают твои более старшие коллеги. И попроси их помочь составить план собственного развития. В идеальном виде, он должен состоять из нескольких списков:
— Что я уже умею
— Что я хотел бы сделать
— Что необходимо для этого изучить

После этого обязательно отсортируй их в порядке уменьшения интереса: самое интересное наверху, самое скучное внизу. Составил? Отлично! Теперь просто сопоставь список с тем, что нужно компании, и ты получишь идеальный план для собственного развития и карьерного роста! 🥳 А если не знаешь что нужно компании, то ты точно знаешь у кого можно спросить: у своего друга коллеги.

🐥 Думаю, ты понимаешь, что без навыков и опыта никуда, но есть еще один очень важный момент. Зарплату платят не за твои навыки, а за то что и как ты делаешь. Ведь вовремя выполненные обязанности как раз и отражают размер твоей зарплаты.

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

🦄 Создание переиспользуемых директив

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

👉 https://netbasal.com/9908c2f04f5

🦄 Самый быстрый способ кэширования с помощью RxJS

Кэширование Http запросов с помощью простых операторов publishReplay() и refCount().

👉 https://blog.angularindepth.com/444a198ed6a6

🦊 Если сегодня вы почувствовали усталость, то возможно эта новость вас порадует 😇

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

🙆🏼‍♀️ А вы знали, что 32.4% экспертов на Stack Overflow выбирают Angular в качестве основного веб фреймворка?

Это на 0.1% больше, чем React 🦊

👉 https://insights.stackoverflow.com/survey/2019

🙌 Играемся с состояниями в Angular

Достаточно необычное использование специфики работы Components и projectable nodes, которые делают код более декларативным. Обязательно поэкспериментируйте с этим 🙋🏼‍♀️

👉 https://blog.angularindepth.com/a48932d2fa27

📣 Один из самых популярных вопросов: циклические зависимости при импортах

Что делать, когда в консоли вы видите WARNING in Circular dependency detected? 🙀

👉 https://blog.angularindepth.com/fd8ede198596

🦄 Структурные директивы за 5 минут

🏔 Как Angular преобразует синтаксис структурных директив в <ng-template>.

🌋 Генерация структурной директивы по указанному синтаксису.

👉 https://alexzuza.github.io/ng-structural-directive-expander/

🦊 У вас остались несохраненные изменения. Вы точно хотите уйти? Или нет? 🙀

✨ Попробуйте простое решение для своих Reactive Forms, которое защитит данные пользователя от случайного перехода!

👉 https://netbasal.com/75fd8f5f1fa6

🦊 Нужны ли подчеркивания в переменных

🌋 Как писать код проще
⛰ Зачем используют ограничение 80 символов
🏔 Что такое кошелёк миллера

Или как значительно улучшить свой скилл буквально за 50 минут 🙌

👉 https://youtu.be/z5WkDQVeYU4

👩‍💻 Хотите немного размяться с RxJS?

Предлагаю попробовать свои силы в имплементации кастомного оператора inOrder, который вернет значения в правильном порядке.

Удачи! 🙋🏼‍♀️

👉 https://stackblitz.com/edit/rxjs-operator-challenge-in-order

🐙 Octotree — еще один плагин для браузера, который 🦊 использует для GitHub

Он отображает файловую структуру репозитория, что делает навигацию проще. Есть бесплатная версия 🍟

👉 https://www.octotree.io/

👩‍💻 Сложности в программировании

🍚 Разбираемся с ошибками
🥢 Расставляем капканы
🍛 Кушаем кушанье

👉 https://youtu.be/Xa-RHjUvQR0

🦊 Что нового в RxJS v6.5

Добавили деструктуризацию в forkJoin 😸

Очень много deprecated, особенно обратите внимание на операторы combineLatest, forkJoin и другие 🙀

👉 https://netbasal.com/d0d74a6752ac

👩‍💻 Builders для Angular CLI

Как создавать собственные команды для Angular CLI, настраивать их и переиспользовать 🙌

👉 https://blog.angular.io/d012d4489f1b

🦊 Angular Fox Tip

Думаете, что чтобы проверить действительно ли изменилось значение у Reactive Forms, требуется подключить стороннюю библиотеку? 👩‍💻

Тогда попробуйте этот простой сниппет, который пометит Reactive Forms как pristine, когда значение не поменялось 🙌

👉 https://stackblitz.com/edit/angular-dirty-checker

🦊 Angular Skill IQ

Прошел тест по Angular, и это мой результат 🙌

А какой результат получится у вас? Попробуйте пройти этот тест тоже, и обязательно присылайте скриншоты мне в twitter 🙋🏼‍♀️

👉 https://www.pluralsight.com/paths/angular

😻 Буду ждать ваших результатов здесь 👇
https://twitter.com/thekiba_io/status/1122440755874816000

🦄 Основы реактивного программирования с использованием RxJS

Higher Order Observables
При работе с потоками часто возникает ситуация, когда необходимо в качестве значения одному потоку передать результаты работы другого. Как в этом помогут нам HOO? 🐥

👉 https://medium.com/p/d1337fbead32

👩🏼‍🔬 Тестирование и подмена зависимостей в Angular

Как подменить зависимости для конкретной платформы: показываем и тестируем баннер для любимого Internet Explorer 11 😻

👉 https://blog.angularindepth.com/886495057121