In the interest of sharing examples of from lessons learned, I have created a demo and write up on how to use the handlebars.js library for processing JSON data returned by an API call and then dynamically display that content on a web page. I deal with JSON data more and more in my work projects and happen to prefer it to XML data, partly because of XML data can be rather large and clunky to deal with. Leveraging handlebars.js allows me to quickly traverse JSON arrays and grab the necessary key : value pairs I need for rendering content. I hope others find this useful. The linked example demonstrates how to use the Gilt API to get current sale items by category, and then use handlebars.js to translate the resulting json data into nice neat little card style objects. Any API that returns JSON data could be substituted in.
“Thursday Tech Tip”