{"id":12264,"date":"2014-03-11T20:43:39","date_gmt":"2014-03-11T15:13:39","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=12264"},"modified":"2014-03-11T20:43:39","modified_gmt":"2014-03-11T15:13:39","slug":"dust-your-views","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/dust-your-views\/","title":{"rendered":"Dust your views"},"content":{"rendered":"

In our node js application, we can use variety of templating engines like “jade” , “ejs”, “mustache” etc.
\nDust.js<\/strong> is an asynchronous templating engine which can be used both on server side as well as client side and provide easy caching with high performance.<\/p>\n

In my previous blog on EJS as a templating engine<\/a>, i have mentioned how we can use “ejs” to render views in an express application. Similarly, we can use dust<\/strong> for rendering templates as it emphasize on presentation rather than the application and business logic.<\/p>\n

To use dust in our application, we need to write this line in our app.js file,<\/p>\n

[js]
\nvar app = express();
\napp.set(‘view engine’, ‘dust’);
\n[\/js]<\/p>\n

A sample dust file (demo.dust) will look like:
\n[js]
\n<html>
\n<body>
\nHello {name}!!
\n<\/body>
\n<\/html>
\n[\/js]<\/p>\n

Now when we render this file and pass some JSON data along with it:
\n[js]
\nres.render(‘demo’, {name: "Sakshi"});
\n[\/js]<\/p>\n

The output will be:
\nHello Sakshi!!<\/code><\/p>\n

So here we can see, how the passed JSON data is used in the dust file. <\/p>\n

Some of the commonly used operators or tags in dust are:
\n1. { } is used as a replace operator.
\n2. {#fruits}{name}{~n}{\/fruits} is the syntax to loop through an array named ‘fruits’.
\n3. {?name}…{:else}…{\/name} is used for conditional if else logic implementation.
\n4. {name|s|h|u} is used to apply various filters. For example “s” is used to disable auto-escaping.<\/p>\n

Likewise we have plenty of other tags through which we can use “dust” for templating our views effectively.<\/p>\n

Hope this will help \ud83d\ude42 <\/p>\n","protected":false},"excerpt":{"rendered":"

In our node js application, we can use variety of templating engines like “jade” , “ejs”, “mustache” etc. Dust.js is an asynchronous templating engine which can be used both on server side as well as client side and provide easy caching with high performance. In my previous blog on EJS as a templating engine, i […]<\/p>\n","protected":false},"author":65,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":2},"categories":[1],"tags":[1347,1129,1124,1191],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/12264"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=12264"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/12264\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=12264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=12264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=12264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}