Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
49 lines (36 sloc) 1.28 KB
description
A guide to creating your first Squirrelly template

Your First Template

1. Install Squirrelly

Follow the installation instructions, then require or import Squirrelly. In this example, we'll require Squirrelly as the variable Sqrl.

var Sqrl = require("squirrelly")
//Or you could: import * as Sqrl
//Or, if you're in the browser, Sqrl is already global

{% hint style="info" %} Don't import as a const,otherwise you won't be able to define your own helpers and filters. {% endhint %}

2. Create a Template

var myTemplate = `
This is a template
My favorite template engine is: {{fav}}
My favorite kind of cake is: {{cake}}
`

{% hint style="info" %} In this example, we're using JavaScript template literals. You don't have to use template literals with Squirrelly. It just makes it easier to write templates, since you don't have to escape newlines. In real life, most templates are their own files. {% endhint %}

3. Render your Template!

var templateResult = Sqrl.Render(myTemplate, {
    fav: "Squirrelly", cake: "Chocolate"
})
console.log(templateResult)
//This is a template
//My favorite template engine is: Squirrelly
//My favorite kind of cake is: Chocolate

Try rendering it with other data: it still works!