🦄 Нужны ли препроцессоры сегодня

Последнее время все чаще всплывает вопрос о необходимости использовать препроцессоры. Так ли они необходимы сегодня?

👉 https://medium.com/p/727a856d1443

🦄 Делаем тестирование проще

Использование Jest, Wallaby и Spectator для ускорения и упрощения Unit-тестов в Angular.

👉 https://dev.to/wescopeland/easier-angular-unit-testing-4aic

🔥 Angular Terminal Platform

Благодаря абстракциям над DOM, Angular способен работать под любой платформой. Как пример, кастомная реализация PlatformTerminal в виде адаптера к blessed, с демонстрацией дашборда в вашем терминале.

👉 https://github.com/Tibing/platform-terminal

🦄 Простое создание Angular Forms

Имплементировать ControlValueAccessor — то еще удовольствие. И для того, чтобы перестать страдать, есть ngx-sub-form с готовыми абстракциями для создания кастомных контролов.

👉 https://dev.to/maxime1992/building-scalable-robust-and-type-safe-forms-with-angular-3nf9

✨ Angular CLI Experience Feedback

Давайте поможем Angular Team улучшить скорость билдов и качество Angular CLI, заполнив простой опрос.

👉 https://twitter.com/angular/status/1141764864202776576

🦊 Как лис пишет статьи

Часто спрашивают “Я очень хочу начать писать статьи, и никак не могу понять. С чего начать? С чего начал ты?”. Поэтому сегодня попробую ответить на этот вопрос, кратко рассказав свою историю и какой опыт для себя вынес.

Статьи начал писать после первого выступления, поэтому уместно немного об этом упомянуть, как о своем первом шаге.

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

У меня ушло около месяца полноценного времени на подготовку, хотя выступление продлилось меньше 10ти минут. Тогда я вынес для себя несколько важных правил.

⏳ Потребуется много времени. И от этого никуда не деться. Если хочешь получить приемлемый для себя результат, то придется потратить очень много времени. Перед первым выступлением меня очень сильно подстегнула фраза: “Выйдешь, пукнешь и уйдешь”. После этого вопросов на эту тему у меня не возникает.

🎓 Все что я говорю должно быть понятно даже школьнику, ведь у меня есть всего 3 секунды, чтобы донести мысль. Если для понимания требуется больше времени, то я пытаюсь это упростить. Если упростить никак не удается, то это вырезается из доклада/статьи. Таким образом от первоночального текста остается 20-30%.

🦄 Все любят картинки с рисунками? Я их просто обожаю, особенно когда они красочные и в тему. Тут важно находить иллюстрации высокого качества, и приэтом они должны быть выдержанны в одном стиле и подходить по контексту.

✍️ Больше практики, и тогда на написание статей и подготовку докладов будет тратиться заметно меньше времени. На самый первый свой доклад я потратил 4 недели. На самый последний 1 неделю. Приэтом, по моему мнению, качество заметно выросло.

🌊 Большинство тем для статей лежит на поверхности. Тут не нужно особо задумываться, нужно просто посмотреть о чем общаются люди и с какими проблемами сталкиваются. Самый идеальный вариант, это найти максимально популярную проблему.

👩🏼‍💼 Если ты о чем-то знаешь, то необязательно об этом знают другие. Это достаточно неочевидная вещь, просто стоит о ней помнить.

🤓 Не нужно бояться критики. Нужно наоборот ей радоваться. Когда нет критики, то очень тяжело совершествовать свой скилл, так как некоторые моменты можно заметить только со стороны.

🙆🏼‍♀️ “Я ничего не знаю, и поэтому не буду ничего писать”, возможно так кто-то подумает. Но на самом деле, когда задаешь себе тему и цель, то у тебя появляется замечательная возможность и мотивация это изучить.

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

А если тебе нужна помощь, то у нас есть отдельный чатик, где мы пишем и обсуждаем темы для новых статей на medium. Поэтому, когда у тебя появится достаточно мотивации, чтобы начать, то просто напиши мне, и я тебя добавлю.

Просто верь в себя, и все получится. Я в тебя верю, держи лапку 🐾

— Лисьи мысли 🦊

🦄 Эмуляция Tree-shakable Components

Что такое Single Component Angular Modules, и какие плюсы и минусы мы получим, создавая модуль для каждого компонента?

👉 https://blog.angularindepth.com/5e3d380364ea

✨ Что такое Event Loop

Каждый день большинство разработчиков используют асинхронную магию JavaScript. Так как же на самом деле работает асинхронный код?

👉 https://youtu.be/8aGhZQkoFbQ

🦄 In The Loop

В этом выступлении рассматривается Event Loop браузера, который управляет основным потоком с JavaScript, events и rendering. И показывается разница между tasks, microtasks, requestAnimationFrame, requestIdleCallback.

👉 https://youtu.be/cCOL7MC4Pl0

🦊 Декларативность в RxJS

Часто задумываетесь об инициализации значения при создании подписки на форму?

Больше не нужно ломать мозг, ведь что может быть проще, чем создать собственный оператор valueChanges(), который вернет Observable с актуальным и новыми значениями формы.

👉 https://stackblitz.com/edit/value-changes-operator

🎩 Разбираемся с Angular Elements

Пакет @angular/elements предоставляет нам метод createCustomElement(), который оборачивает Angular Components в Web Components. Но как это работает?

👉 https://netbasal.com/8e6804f32e9f

✨ К юбилею канала 🦊 Angular Fox 🚀 совместно с JetBrains, мы приготовили 2 годовые подписки на мою любимую IDE WebStorm.

Для участия в конкурсе необходимо быть подписанным на канал. Счастливчики будут выбраны случайным образом 4 июля.

🦄 SOLID простым языком

Как сэкономить свое время и повысить собственную квалификацию с помощью пяти простых принципов, которые знают все разработчики.

👉 https://habr.com/ru/company/ruvds/blog/426413/

🦄 S.O.L.I.D-ый JavaScript

Алексей Охрименко рассказывает о нюансах понимания SOLID принципов с помощью простых примеров, основанных на реальных кейсах.

👉 https://www.youtube.com/watch?v=wi3wPzReKZQ

⚠️ Осторожно! Angular может потратить ваше время

Никто из нас не застрахован от типичных ошибок при работе с Angular. Поэтому давайте рассмотрим некоторые из них и найдем решение.

👉 https://blog.angularindepth.com/41fe589483df

🦊✨ Итоги розыгрыша

Две годовых подписки на WebStorm нашли своих победителей. Искренне поздравляю победителей с победой!👏

Отдельную благодарность хочу выразить всем вам. Большое спасибо, что вдохновляете двигаться вперед!

🧀🐁 https://youtu.be/qhPhGPCt1bg

🦄 Погружаемся в Angular Platform

Серия статей, которая расскажет о том, как сделать собственную платформу Angular, которая будет визуализировать приложения внутри терминала с использованием ASCII графики.

👉 https://blog.angularindepth.com/9919d45f3054

🦄 Переиспользование кода в Angular

Вы задумывались над своими цепочками RxJS? Вам не кажется, что они местами сложные? Если да, то есть простое решение этой проблемы.

👉 https://blog.angularindepth.com/9f01c0dbf5f3

🦊✨ Бесплатные лицензии для студентов

Если ты студент, то напоминаю, что для тебя есть возможность бесплатно получить практически любые продукты. Для этого воспользуйся GitHub Student Developer Pack, в который так же входит бесплатное использование продуктов JetBrains.

👉 https://education.github.com/pack

🐼 Panda Meetup ✨Видосики

Алексей Охрименко рассказывает про сложности работы с AST, и показывает простой интрумент для этого.

А ваш 🦊 Ангуляр Лисиц 🚀 рассказывает про неочевидные сложности работы с компонентами в Angular, и показывает как сделать их проще.

👉 https://www.youtube.com/playlist?list=PLknJ4Vr6efQGs2U0c5-jf1VwOaDs-arGq