riotflux

修改于 cheftjs的 flux 框架

Application

var c = require('riotflux');
var app = new c.Applicaton({
    router: require('./router.js')
});    

Router - like backbone

module.exports = {
    routes: {
        '': 'home'
    },
    home: function() {

    }
}

Tag - base on riot

<test>
    <script></script>
    <h1>{result}</h1>
    <button onclick={clickMe}>test</button>
</test>

Actions

module.exports = {
    actions: {
        clickMe: function() {
            this.result = 'click success!';
            this.trigger('clicked');
        }
    }
}

Store

module.exports = {
    store: ''
}

or

module.exports = {
    store: {
        url: '',
        contentType: ''
    }
}

method

• get()
• save()
• del()
• post()

Listeners

module.exports = {
    listeners: {
        init:    function() {}
        mount:   function() {}
        update:  function() {}
        updated: function() {}
        geted  : function(data, status) {}
        posted : function(data, status) {}
        saved  : function(data, status) {}
        deleted: function(data, status) {}
        
        clicked : function() {
            console.log('the tag can auto update');
        }
    }
}

Demo

cd demo
npm install
gulp