Size: a a a

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

2019 April 04
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Имплементация Edit-in-Place в Angular

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

👉 https://netbasal.com/4fd92c4dfc70
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Динамические плагины для Angular

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

👉 https://blog.angularindepth.com/aed8979faba5
источник
2019 April 05
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Build Angular Like An Architect

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

👉 https://dev.to/steveblue/build-angular-like-an-architect-part-1-3ph2
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 Самый популярный вопрос этой недели: Какие команды ты использовал во время live coding? 🙀

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

👉 WebStorm: https://www.jetbrains.com/help/webstorm/refactoring-source-code.html
👉 VSCode: https://code.visualstudio.com/docs/editor/refactoring
источник
2019 April 08
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🐥 Action Creators в NGRX

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

👉 https://blog.angularindepth.com/d396960e46da
источник
2019 April 09
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 Очень часто слышу фразу “Мне не верится, что я заслуживаю зарплату, которую получаю”, и решил немного поразмышлять на эту тему. Причём самое интересное, что ее произносят не только начинающие, но и достаточно опытные разработчики.

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

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

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

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

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

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

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

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

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

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

👉 https://netbasal.com/9908c2f04f5
источник
2019 April 10
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Самый быстрый способ кэширования с помощью RxJS

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

👉 https://blog.angularindepth.com/444a198ed6a6
источник
2019 April 11
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 Если сегодня вы почувствовали усталость, то возможно эта новость вас порадует 😇

🐾 В мае нас ждут 13 выходных дней и всего лишь 18 рабочих! 🥳 Это почти в х1.7 раза больше, чем в обычно! 🙆🏼‍♀️
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🙆🏼‍♀️ А вы знали, что 32.4% экспертов на Stack Overflow выбирают Angular в качестве основного веб фреймворка?

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

👉 https://insights.stackoverflow.com/survey/2019
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🙌 Играемся с состояниями в Angular

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

👉 https://blog.angularindepth.com/a48932d2fa27
источник
2019 April 13
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
📣 Один из самых популярных вопросов: циклические зависимости при импортах

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

👉 https://blog.angularindepth.com/fd8ede198596
источник
2019 April 16
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Структурные директивы за 5 минут

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

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

👉 https://alexzuza.github.io/ng-structural-directive-expander/
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 У вас остались несохраненные изменения. Вы точно хотите уйти? Или нет? 🙀

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

👉 https://netbasal.com/75fd8f5f1fa6
источник
2019 April 18
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 Нужны ли подчеркивания в переменных

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

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

👉 https://youtu.be/z5WkDQVeYU4
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 Хотите немного размяться с RxJS?

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

Удачи! 🙋🏼‍♀️

👉 https://stackblitz.com/edit/rxjs-operator-challenge-in-order
источник
2019 April 22
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🐙 Octotree — еще один плагин для браузера, который 🦊 использует для GitHub

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

👉 https://www.octotree.io/
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 Сложности в программировании

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

👉 https://youtu.be/Xa-RHjUvQR0
источник
2019 April 23
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 Что нового в RxJS v6.5

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

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

👉 https://netbasal.com/d0d74a6752ac
источник