AvocadoVenom

export class Filters {
    public readonly format = 'JSON';

    constructor(
        public zone: 'ASI' | 'EUR' | 'USA',
        public currency: 'EUR' | 'USD',
        public userId: number
    ) { }
}

AvocadoVenom

function removeDuplicates(arr) {
  return arr.reduce((acc, cur) => {
    if(acc.indexOf(cur) === -1) acc.push(cur);
    return acc;
  }, []);
}

AvocadoVenom

function removeDuplicates(arr) {
 return [...new Set(arr)];
}

AvocadoVenom

const shape = {
  radius: 10,
  diameter() {
    return this.radius * 2;
  },
  perimeter: () => 2 * Math.PI * this.radius
};

console.log(shape.diameter());
console.log(shape.perimeter());

AvocadoVenom

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

@Component({
  selector: 'app-child',
  template: `<h1>I am the child</h1>`
})
export class ChildComponent {
  message = 'Hey there from the child!';
  constructor() { }
}

AvocadoVenom

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
      <button (click)="sendMessage()">Send Message</button>
  `
})
export class ChildComponent {
  message: string = "Hey there from the child!";

AvocadoVenom

import { Component, OnInit } from '@angular/core';
import { DataService } from "./data.service";

@Component({
  selector: 'app-sibling',
  template: `
    {{message}}
    <button (click)="newMessage()">New Message</button>
  `
})

AvocadoVenom

import { Directive, ElementRef, OnInit, Input } from '@angular/core';
import { OverlayRef } from '@angular/cdk/overlay';
import { DynamicOverlay } from '@app/third-parties/angular-material/dynamic-overlay';
import { Observable } from 'rxjs';
import { ComponentPortal } from '@angular/cdk/portal';
import { LoaderComponent } from './loader/loader.component';

@Directive({
  selector: '[overlayLoading]'
})

AvocadoVenom

import { Component } from '@angular/core';
import { Overlay } from '@angular/cdk/overlay';
import { ComponentPortal } from '@angular/cdk/portal';
import { LoaderComponent } from './loader/loader.component';

@Component({
  selector: 'app-root',
  template:
    `<mat-card>
      <mat-card-header>

AvocadoVenom

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

@Component({
  selector: 'app-loader',
  template:
    `<mat-card>
        <mat-card-header>
            <mat-card-title>
                Fetching data...
            </mat-card-title>