Clean Code concepts adapted for TypeScript. Inspired from clean-code-javascript

Bracket Pair Colorizer

Методы GET, PUT, DELETE являются идемпотентными - многократные идентичные запросы такого типа приводят к такому же эффекту, как и от одиночного запроса, при условии что не сервер не меняет своё состояние между запросами

npm set registry https://registry.npmjs.org/

• Значение HTML атрибута указывает начальное значение;
• Значение DOM свойства является текущим значением;
• Атрибуты инициализируют DOM свойства.

Написание простого модального окна на StencilJS с кратким объяснением

import { of, from } from 'rxjs'; 
import { map, concatMap, delay } from 'rxjs/operators';

from([2,4,6,8]).pipe(
  concatMap(item => of(item).pipe(delay(1000)))
).subscribe(console.log);

Про :host, :host-context(selector) и :host-context(selector)

Кратко об декораторах @Self, @SkipSelf, @Host, @Optional. Отличие @Host от @Self

В async pipe за вас отпишется Angular. Во всех остальных случаях лучше отписываться самостоятельно. Допускается не отписываться в потоках, где будет гарантировано вызван complete.

Для решения проблемы существует 2 подхода:

• Binding стилей через DomSanitizer.bypassSecurityTrustStyle
• Манипуляция через element.style.setProperty(cssVaribale, value);

console.log('%ctyapk', 'color: white; background: #212529; font-size: 32px');

Понадобилось найти дубликаты файлов фотографий с учётом разных имён. Требовалось проанализровать ~ 50 000 файлов. Перепробованы множество программ и только одна справилась с задачей.

Краткая инструкция по созданию Angular библиотеки компонентов с помощью Angular CLI. Публикация и использование npm пакета библиотеки.

После анализа bundl'a разрабатываемого приложения меня насторожил момент, что lodash занимает хороший такой кусок в 95kb, хотя используется всего 3 функции. И вот к чему привели поиски.

Пример условного перенаправления пользователя в зависимости от некого количества

• 0 - dashboard
• 1 - карточка
• 2 и более - список

Официальное руководство рекомендует использовать декораторы @HostListener и @HostBinding.

Создание и использования переменных окружения в Angular с использованием CLI >= 6 версии.

    "styles": [
      "src/styles.scss"
    ],
    "stylePreprocessorOptions": {     

О предпочтительности использования async pipe. При OnPush стратегии не требуется вызывать markForCheck() внутри подписки +решение с несколькими | async pipes развёрнутых в одну переменную (внутри шаблона).

Полгода собирался в блог добавить zoom на изображения как на medium и вот "новый год" позволил мне это сделать.

В адресной строке следует набрать cache:

На память. Некоторое время назад я решил достаточно необычную задачу, но в последствии на backend`е переделали логику и код был удалён из проекта.

Краткая инструкция по профилировке Change Detection в Angular

sudo sysctl fs.inotify.max_user_watches=256000

• объявляется IIFE (немедленно выполняемая функция-выражение)
• в функцию передаётся объект библиотеки jQuery, которая внутри будет доступна через переменную с именем $
• включается «строгий режим»

Загрузка изображения вне DOM с последующей подменой