👩‍💻 Сейчас немного размышлял на тему того, когда твоему пул реквесту вместо апрува дают кучу запросов на правки. Ты их исправляешь, но тебе приходят новые. И так до бесконечности...

Во-первых, успокойся. Не нужно принимать это близко к сердцу. И чтобы аргументировать это, давай рассмотрим несколько типичных ситуаций:

— Ты пишешь реально плохой код
— На тебя кто-то держит злобу
— Кто-то страдает перфекционизмом

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

🤷🏼‍♀️ Все пишут плохой код. Серьёзно. Но если ты считаешь, что твой код действительно плох, то постоянно задавай себе такие вопросы:
— Что делает эти строчки действительно плохими?
— А просто ли их понимать?
— Как я мог бы это улучшить?
— Почему предлагаемые изменения делают код лучше?

Обязательно почитай замечательные книги: Чистый код, Программист прагматик и другие: https://t.me/angular_fox/6. В них ты найдёшь очень много ответов на свои вопросы.

🥰 И да, навряд ли кто-то держит на тебя злобу. Скорее всего проблема в чём-то другом, например нехватке времени или банальной лени. Попробуй наладить общий язык со своим ревьювером.

👩🏼‍🎨 А если кто-то страдает перфекционизмом, то не бойся показать свою точку зрения. Тогда вы обязательно найдете замечательное решение, которое будет в разы лучше. Или окажется, что текущее решение уже оптимальное.

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

🦄 Имплементация Edit-in-Place в Angular

Создание простой директивы для динамического отображения input над исходным текстом для его редактирования.

👉 https://netbasal.com/4fd92c4dfc70

🦄 Динамические плагины для Angular

Создание и загрузка динамических плагинов с поддержкой AOT для Angular. Тот самый случай, когда “Если очень хочется, то можно 🐥”.

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

🦄 Build Angular Like An Architect

Если вам интересно как Angular CLI работает изнутри, то обязательно попробуйте написать свой билдер с помощью обновленного Architect API.

👉 https://dev.to/steveblue/build-angular-like-an-architect-part-1-3ph2

🦊 Самый популярный вопрос этой недели: Какие команды ты использовал во время live coding? 🙀

👩‍💻 Ответ: Это называется Refactoring, и он уже встроен во все современные IDE. Полный список команд можно посмотреть в разделе Refactoring или в документации.

👉 WebStorm: https://www.jetbrains.com/help/webstorm/refactoring-source-code.html
👉 VSCode: https://code.visualstudio.com/docs/editor/refactoring

🐥 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/