💣 Все что вам нужно знать про ExpressionChangedAfterItHasBeenCheckedError

https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4

fx — потрясающий CLI инструмент для удобного просмотра и редактирования JSON в терминале.

📐 Formatting and highlighting
🎁 Standalone binary
🎉 Interactive mode
🎨 Themes support

npm install -g fx

https://github.com/antonmedv/fx

✨Магическое отображение ошибок Angular Forms

Netanel Basal рассказывает о том, как можно использовать директивы для более простого отображения ошибок в Angular.

👉 https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5

Alex 🦅 Eagle — ABC: Angular, Bazel and CLI

На AngularNYC рассказали про производительность 🥬 Bazel, и планы по улучшениям. Релиз обещают в Июле.

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

Вопрос: Какой WYSIWYG Editor выбрать?
Ответ: Рекомендую посмотреть на MediumEditor.

✍️ MediumEditor — очень простой WYSIWYG Editor:
🚆 Не имеет зависимотей
🕊️ Легковестный
👷 Работает во всех браузерах

👉 https://github.com/yabwe/medium-editor

__
Так же есть множество плагинов для Картинок, Таблиц, Markdown и другого.

📚 Если вам понравилась прошлая статья про Bloom Filter, то обязательно почитайте о том:

🚀 Как реализован DI в Angular Ivy
🦄 И что такое NodeInjector

👉 https://blog.angularindepth.com/angular-di-getting-to-know-the-ivy-nodeinjector-33b815642a8e

🦄 Virtual DOM для Angular

Очень ранняя версия, но уже можно попробовать:

@Component({ template: '' })
export class AppComponent extends Renderable {
  render() {
    return (<h1>Hello World!</h1>)
  }
}

👉 https://github.com/trotyl/ng-vdom

___
Также если интересно как это работает, то есть замечательная статья:
https://blog.angularindepth.com/introducing-to-ng-vdom-a-new-way-to-write-angular-application-60a3be805e59

📚 Вы знали, что TypeScript оптимизирует использование enum, если добавить const?

📚 Вопрос: что такое share(), publish(), multicast() в RxJS?
🦊 Заваривайте кофейку, ответ будет длинным. Прежде чем переходить к следующему пункту обязательно разберитесь с предыдущим.


📢 Что такое Subject?
Простыми словами, Subject это телефон. В него можно говорить, и из него можно слушать одновременно.

Есть различные Subject: Subject, ReplaySubject, BehaviorSubject, AsyncSubject.


🏰 Что такое multicast()?
Оператор multicast() на вход принимает Subject или его фабрику. И передавая в него различные виды Subject можно получить следующие комбинации:
multicast(new Subject())
multicast(new ReplaySubject())
multicast(new BehaviorSubject())

Все это создает нам ConnectableObservable, который позволяет расшарить Subject на несколько потоков. Но у них всех будут разные стратегии работы, в зависимости от переданного Subject.


🍬 Немного сахара
Операторы publish(), publishReplay(), publishBehavior() используют mulicast() с определенным Subject:
publish()
// работает аналогично multicast(new Subject())

publishReplay()
// работает аналогично multicast(new ReplaySubject())

publishBehavior()
// работает аналонично multicast(new BehaviorSubject())


👨‍🏫 Считаем ссылки
Оператор refCount() реализует паттерн RefCount и автоматически управляет ConnectableObservable:
— если появляется подписчик, то он делает connect;
— если появляется еще один подписчик, то ничего не происходит, используется тот же connect;
— если все подписчики отпишутся, то он сделат unsubscribe от коннекта к ConnectableObservable.


🦄 Финальный босс
Остались операторы share(), shareReplay().
share()
// работает аналонично publish() + refCount()

shareReplay({ refCount: true })
// работает аналонично publishReplay() + refCount()

❤️ Теперь ты знаешь как это работает, отправь своим коллегам, пусть они тоже узнают.

🦄 Если часто просматриваете код на GitHub, то попробуйте Sourcegraph для TypeScript:
👮 Type information
👉 Go to definition
🔎 Find references

🎁 Sourcegraph: Google Chrome Extention
https://chrome.google.com/webstore/detail/sourcegraph/dgjhfomjieaadpoljlnidmbgkdffpack?hl=en