pc templating comparison4 (v5)

Revision 5 of this benchmark created by inner on January 29, 2015

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://rawgit.com/mojo-js/paperclip.js/master/dist/paperclip.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.0/react.min.js"></script>

<script src="https://rawgit.com/lhorie/mithril.js/next/mithril.js"></script>

Setup

window.placeholder = document.createElement("div");
    
    
    
    window.pcTpl = paperclip.template("<div>{{'item' + ~i}}<br /></div>");
    
    window.ReactElement = React.createClass({
      render: function () {
        return React.DOM.div(null, "item " + this.props.i, React.DOM.br());
      }
    });
    
    window.mithrilElement = function(i) { return m("div",["item"+i, m("br")]); };
    
    window.mithrilElementPrecompiled = function(i) { return {
      tag: "div",
      children: [
        "item"+i,
        {tag: "br"}
      ]
    };};

Teardown

    window.placeholder = document.createElement("div");
  

Test runner

placeholder.appendChild(pcTpl.view({ i: Math.random() }).render());

React.renderComponent(ReactElement({ i: Math.random() }), placeholder)
 

var v = pcTpl.view({ i: Math.random() });
placeholder.appendChild(v.render());
v.dispose();

m.render(placeholder, mithrilElement(Math.random()));

m.render(placeholder, mithrilElementPrecompiled(Math.random()));

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Craig on November 1, 2014
• Revision 5: published by inner on January 29, 2015