Processing JSON data from an external source with Javascript templates is a natural fit. Create a template inside your HTML Document by adding class names and variables and write a few lines for fetching the JSON, that’s all. This tutorial is an example for my Javascript Template Engine called Patroon.
This post is an update to my initial post. Patroon has been improved and is now easier to use and uses a better algorithm internally.
Patroon is a template engine written in Javascript in about 100 lines of code. It takes existing DOM nodes annotated with CSS classes and expand a data object according to simple rules. Additionally you may use traditional string interpolation inside attribute values and text nodes.