yapc asia memo

yapcasiaに参加したときのメモを残します。

Effective ES6

function Persion(name) {
  this.name = name
}

var p = Person('bob');
# p.name == undefined
# window.name = 'bob'

ES6 feature

new syntax

var add => (a,b) => {
    return a + b;
}

class Programmer extends Person {
    constracor(name ,language) {
        super(name);
        this.language = language;
    }
}

export var foo = 'foo';
import (foo) from './module/path'

var a = 'outer'
function bar() {
    console.log(a);
    a = 'inner';
}
bar(); # undefined

function foo(...rest) {}

function draw(x,y,{height:1,width:1} = {}) {
}

if (a => 1) # if ( a >= 1 ) が正

htmlだけ返せばよかったような時代
ajaxの登場
- google map etc
- ECMAscript5
coffeescript
jQuery(from 2006)
backbonejs
nodejs(2009)
grunt(2012)
- config
- plugin base
typescript(2012)
AST
- abstract syntax template
SPA
- 問題
  - SEO
  - Performance
AngularJS(2009)
- 2way data binding
- fullstack
gulp
- stream base
Browserify
ECMAscript 2015
- Stateless
- Composable
- stream
babel (2014)
Service Workers
- Intercept Requeest
  - offline / cahce
  - Background Sync
  - Push Notification
Extensible Web
Reactjs
- Stateless Component
Flux
FRP
- Rx.js, Bacon.js
Redux
- Inspired by Flux and Elm