Mustache.js
Now that we have our timestamps rendering correctly to the screen. We're going to go ahead and talk about a templating engine called Mustache.js. This is going to make it much easier to define some markup and render it multiple times. In our case, our messages are going to have the same set of elements in order to render properly. We're going to have a header tag for the user's name, we're going to add the text into a paragraph, all that sort of stuff.
Now instead of doing that inside index.js
, like we currently are, we're going to create some templates, some markup in index.html
, and we're going to render those, which means we're not going to need to manually create and manipulate these elements. This can be a huge burden.
Adding mustache.js to the directory
Now in order to get started before we actually create any templates or render them, we do need to download the library. We can get this by going to Google Chrome and Googling mustache.js
, and we're looking for the GitHub repository...