JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Mithril.js

    A Javascript Framework for Building Brilliant Applications
    Filed under  › 

    • 🔾86%Overall
    • 6,844
    • 2.4 days
    • 🕩537
    • 👥28

    JS.ORG Join the chat at https://gitter.im/lhorie/mithril.js Build Status

    Mithril

    A Javascript Framework for Building Brilliant Applications

    See the website for documentation and the wiki for more

    There's also a blog and a mailing list


    What is Mithril?

    Mithril is a client-side MVC framework - a tool to organize code in a way that is easy to think about and to maintain.

    Light-weight

    • Only 7.8 kB gzipped, no dependencies
    • Small API, small learning curve

    Robust

    • Safe-by-default templates
    • Hierarchical MVC via components

    Fast

    • Virtual DOM diffing and compilable templates
    • Intelligent auto-redrawing system

    Sample code

    //namespace
    var app = {};
    
    //model
    app.PageList = function() {
        return m.request({method: "GET", url: "pages.json"});
    };
    
    //controller
    app.controller = function() {
        var pages = app.PageList();
        return {
            pages: pages,
            rotate: function() {
                pages().push(pages().shift());
            }
        }
    };
    
    //view
    app.view = function(ctrl) {
        return [
            ctrl.pages().map(function(page) {
                return m("a", {href: page.url}, page.title);
            }),
            m("button", {onclick: ctrl.rotate}, "Rotate links")
        ];
    };
    
    
    //initialize
    m.mount(document.getElementById("example"), app);
    

    Learn more

    Show All