e-schultz

JavaScript does not allow you to overload a function

function add(a: number[], b: number[]): number {
    let sum = (acc,val)=>acc+val;
    return a.reduce(sum,0) + b.reduce(sum,0)
}
function add(a: string, b: string) : string{
    return a + b;
}

e-schultz

// Source code licensed under Apache License 2.0. 
// Copyright © 2017 William Ngan. (https://github.com/williamngan/pts)

window.demoDescription = "A retro-style dazzling effect created by a grid whose cells change color and size based on their distances to the pointer.";

Pts.quickStart( "#pt", "#123" );

//// Demo code starts (anonymous function wrapper is optional) ---

(function() {

e-schultz

Another way we can approach passing data down into Vue, is instead of passing in an object like

<SomeComponent :contact="contact"/>

and in SomeComponent needing to do

{{contact.firstName}}

e-schultz

• https://www.learnrxjs.io/ - This is one of my more frequently used resources, links to jsbin/jsfiddle with examples = handy to play around with ideas
• http://reactive.how/ - haven't used this as much yet (recently came across it) - nice animations / explinations of RxJS concepts
• https://twitter.com/BenLesh - follow BenLesh on twitter
• https://medium.com/@benlesh/latest - and on medium
• https://github.com/redux-observable/redux-observable - read the source code, and unit tests - I learned quite a bit digging through this
• Updated

e-schultz

e-schultz

export enum SomeActions {
    AGE_ACTION = 'AGE_ACTION',
    NAME_ACTION = 'NAME_ACTION',
    LASTNAME_ACTION = 'LASTNAME_ACTION'
}
interface Age extends Action {
    type: SomeActions.AGE_ACTION;
    payload: {
        age: number;
    }

e-schultz

Welcome Talk

• Focus on speed - rendering, 2.5x faster, re-render, 4.2x faster

• template compiler - can have an offline compile step, generate optimized javascript

• Angular 2 - currently, kind of big - 170k, angular1 - was 56k, ng2 - down to 45k

• improved lazy loading of routes

• angular universal - server side rendering improvement, sends on the server side - sends out just HTML/css

• first payload comes down - start streaming full JS to actually run the app

• can include a preboot script that records user actions - that replays once everything is ready

e-schultz

import {Component} from 'angular2/core';
import Modal from './modal';

@Component({
  selector: 'ngc-app',
  template: `
<div class="p3">
  <p class="p4">
    <button class="btn btn-primary block col-6 mx-auto"
      (click)="showModal()">

e-schultz

import {Injectable, Inject} from 'angular2/core';
import {BehaviorSubject} from 'rxjs/Rx';
@Injectable()
export default class StateService {
  store: any;
  _ngRedux: any;
  
  constructor(@Inject('ngRedux') ngRedux) {
    this.store = this.observableFromStore(ngRedux);
    this._ngRedux = ngRedux;

e-schultz

import { is } from 'immutable'

let x = 0;
    let tasksTest$ = this.stateService.select(state=> state.tasks, is).subscribe(n=> {
       console.log('this is called... yeah',++x)
     })