Alex2033

import { Directive } from '@angular/core';
import { AbstractControl, FormGroup } from '@angular/forms';

/** Helper для работы с формами */
@Directive()
export abstract class FormHelper {
  /**
   * Возвращает значение поля формы
   * @param form - форма
   * @param fieldName - название поля

Alex2033

import {Injectable} from '@angular/core';

const TUI = 'someId_';

/**
 * Generates unique ids
 */
@Injectable({
    providedIn: 'root',
})

Alex2033

Usage:
<Input label='Email' errorMessage={'ERROR'}/>

Code:
import React from 'react';
import classes from './Input.module.scss';

function isInvalid({ valid, touched, shouldValidate }) {
    return !valid && shouldValidate && touched;
}

Alex2033

Usage:
<Button onClick={props.onRetry} type={'primary'}>Повторить</Button>

Code:
import React, { Component } from 'react';
import classes from './Button.module.scss'

const Button = props => {
    const cls = [
        classes.button,

Alex2033

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'breaklines'
})
export class BreakLinesPipe implements PipeTransform {
  transform(text: string) {
    if (text) {
      return text.replace(new RegExp('\n', 'g'), '<br>');
    }

Alex2033

@mixin mouse() {
  @media (hover: hover) {
    @content;
  }
}

Пример использования:
@include mouse {
    &:hover {
        ...

Alex2033

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'paragraphs'
})
export class ParagraphsPipe implements PipeTransform {
  transform(text: string) {
    if (text) {
      return '<p>' + text
        .replace(new RegExp('(\n){2,}', 'g'), '</p><p>')

Alex2033

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class IdService {

  constructor() { }

  generate() {

Alex2033

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'phoneFormat'
})

export class PhoneFormatPipe implements PipeTransform {

  transform(value: string, args?: any): string {
    return value.replace(/[^+0-9]/gim, '');

Alex2033

Для несколько элементов:
ngOnInit() {
  const stickyElm = document.querySelectorAll('mat-expansion-panel-header');

  const observer = new IntersectionObserver( 
    ([e]) => e.target.classList.toggle('isSticky', e.intersectionRatio < 1),
    {threshold: [1]}
  );

  for (let i = 0; i < stickyElm.length; i++) {