{"id":12264,"date":"2014-03-11T20:43:39","date_gmt":"2014-03-11T15:13:39","guid":{"rendered":"https:\/\/2thenew.xyz\/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:\/\/2thenew.xyz\/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,"footnotes":""},"categories":[1],"tags":[1347,1129,1124,1191],"class_list":["post-12264","post","type-post","status-publish","format-standard","hentry","category-technology","tag-dust","tag-expressjs","tag-node-js","tag-templating"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t