joanllenas

module Counter exposing (..)

import Html exposing (..)
import Html.Attributes exposing (..)
import Html.Events exposing (..)


programParams =
    { model = modelo
    , view = vista

joanllenas

module Main exposing (..)

import Html exposing (..)


sayHello user =
    "Hello " ++ user.name ++ "!"


userRecord =

joanllenas

/**
 * Reverse a list in one expression, without using Array.reverse()
 */

[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  .reduce(
    (acc, val) => [val, ...acc],
    []
);

joanllenas

// The compiler has the --strictNullChecks flag set

let cannotBeNull = "I can't be null nor undefined";
cannotBeNull = null; // error, 'null' is not assignable to 'string'
cannotBeNull = undefined; // error, 'undefined' is not assignable to 'string'

let nullable: string | null = "I can be null but not undefined";
nullable = null;
nullable = undefined; // error, 'undefined' is not assignable to 'string | null'

joanllenas

export type Url = string;
export interface HttpResponse<T> {
    data: T;
}
export type PromisedHttpResponse<T> = Promise<HttpResponse<T>>;
export class HttpService<T> {
    save(url: Url, data: T): PromisedHttpResponse<T> {
        return Promise.resolve({data});
    };
}

joanllenas

const userService = new HttpService<User>();
const user = { id: 1, name: '' };
userService.save(user) // user type is inferred to be User
    .then(resp => { // resp type is inferred to be HttpResponse
      console.log(resp.data.name); // resp.data is inferred to be User
    });

joanllenas

let myBool = false; // Inferred boolean type
myBool = 1; // Error: Type '1' is not assignable to type 'boolean'.

let myBool2 = true;
myBool2 + 5 // Error: Operator '+' cannot be applied to types 'true' and '5'.

joanllenas

/** 		
 * Toggles class based on media query breakpoint activation.		
 * Depends on @angular/flex-layout		
 * Usage:		
 * <span		
 *   class="green"		
 *   class.xs="my-xs-class"		
 *   class.sm="my-sm-class"		
 *   class.md="my-md-class"		
 *   class.lg="my-lg-class">