Get Started

1. Start an HTML page

<html>
  <head />
  <body />
</html>

2. Load the JS files

Your favorite JS library: dojo, domassistant, jquery, mootools, prototype, sizzle, sly
and pure.js

<html>
  <head>
 
    <script src="jquery.js"></script>
    <script src="pure.js"></script>
 
  </head>
  <body />
</html>

3. Add the HTML template

<html>
  <head>
    <script src="jquery.js"></script>
    <script src="pure.js"></script>
  </head>
  <body>
 
    <div class="who"></div>
 
  </body>
</html>

4. Fetch the data

<html>
  <head>
    <script src="jquery.js"></script>
    <script src="pure.js"></script>
  </head>
  <body>
    <div class="who"></div>
 
    <script>
       var data = {who:'Hello Wrrrld!'};
    </script>
 
  </body>
</html>

5. Run PURE and transform the JSON in HTML

<html>
  <head>
    <script src="jquery.js"></script>
    <script src="pure.js"></script>
  </head>
  <body>
    <div class="who"></div>
    <script>
      var data = {who:'Hello Wrrrld!'};
 
      $('div.who').autoRender(data);
 
    </script>
  </body>
</html>

6. The HTML result

The template:

<div class="who"></div>

became:

<div class="who">Hello Wrrrld!</div>