Documentation

How to use PURE

• Get started
• Tutorials
• Object $p and its methods
• PURE with your JS library
  Support for: dojo, domassistant, jquery, mootools, prototype, sizzle, sly and YUI

Tell PURE what it needs to do, using directives

If you want full control over the transformation and a total separation between the HTML and JS, use directives (What is a directive?).

• Rendering with directives
• Iteration with directives
• Using JS functions with directives
• The . (dot) selector : to access the current node
• The #{…} notation : to concatenate data and strings
• Recursion example
• Using closures in directives

Automatic mode

By following some conventions with the CLASS attribute, PURE matches the HTML and the data automatically. This mode is ok for basic templating.

• Auto – Rendering
• Auto – Iteration
• Auto – Attributes

More advanced features

• The + notation: to append or prepend values
• The context keyword
• Extend PURE with plugins?

Tips

• How to migrate your templates from PURE v1 to v2