Arda@0.13&BabelでHello, World

バージョンを上げたら動かなかったので備忘録。

window.React = require('react');
window.Promise = require('bluebird');
import {Context, DefaultLayout, Router, mixin} from 'arda';

var App = React.createClass({
    mixins: [mixin],
    render: ()=> {
        return <h1>Hello, World.</h1>;
    }
});

class AppContext extends Context {
    get component() { return App; }
}

window.addEventListener('DOMContentLoaded', ()=> {
    let router = new Router(DefaultLayout, document.body);
    router.pushContext(AppContext, {});
});

大きいところでは、Arda.Componentが無くなったこと。React側がES6のclassではmixinをサポートしない件の絡みだと思われ。あとは、static get component()と、staticでなくなったとか、Arda.*と書けなくなったとか？(ES6の文法は詳しくないので書き方の問題かもしれない)

今までの記事のコードは直すとしても時間が掛かるので、取り急ぎ。