pc templating comparison4

Benchmark created by Craig on November 1, 2014

Preparation HTML

<script src="//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="//cdnjs.cloudflare.com/ajax/libs/react/0.12.0/react.min.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());
      }
    });

Teardown

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

Test runner

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

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

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

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