navix

language: node_js
node_js:
  - "6"

script:
  - npm run lint
  - npm run build
  - npm test

navix

wget -O /dev/null http://cachefly.cachefly.net/100mb.test

navix

describe('Quote Service', () => {

  let mockApiService: ApiService;
  let quoteService: QuoteService;
  let mockResponse = [ ... ]; // mock todos response

  beforeEach(() => {
    mockApiService = { get: null } as ApiService;
    spyOn(mockApiService, 'get').and.returnValue(Observable.of({
      json: () => mockResponse

navix

Async / Await in 7 seconds

by Wassim Chegham (@manekinekko)

From this awesome animation, originally from this tweet

Callbacks (continuation passing style)

getData( a => {
	getMoreData(a, b => {

navix

TypeScript Deep Partial Interface

export type DeepPartial<T> = T extends Function ? T : (T extends object ? { [P in keyof T]?: DeepPartial<T[P]>; } : T);

Before typescript@3.1

type DeepPartial = {

navix

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';

import { MyService } from './MyService.ts';

import 'rxjs/add/operator/takeUntil';

@Component({
  selector: 'my-rad-component',

navix

<div *ngFor="let person of persons">
  <app-person [data]="person" (upVote)="upVote(person, $event)"></app-person>
</div>

navix

<app-locale i18n-phrase-key phrase-key="Phrase One"
            i18n-phrase-key-2 phrase-key-2="Phrase Two"
            ...
            >
</app-locale>

navix

Send requests with credentials

let requestOptions: RequestOptionsArgs = {
  ...
  withCredentials: true,

Send correct headers from server

navix

@ViewChild(ChildComponent, {read: ElementRef}) child: ElementRef;