Basic example

This is only a quick and basic example to showcase the Stratox template engine. In the next section, I will go in-depth on how it really works.

I assume that you have read the installation section and that you have initialized and configured Startox.

Create component view

Create a template file named "ingress.js" and add the code below.

export function ingressComponent(data, container, helper, builder)
{
    let out = `
    <header class="mb-50 align-center">
        <h1>${data.headline}</h1>
        <p>${data.content}</p>
    </header>
    `;
    return out;
}

Show component view

I will break down and explain the example in the next page.

import { ingressComponent } from './path/to/ingress.js';

Stratox.setComponent("ingress", ingressComponent);

let stratox = new Stratox("#app");

stratox.view("ingress", {
  headline: "Lorem ipsum dolor",
  content: "Lorem ipsum dolor sit amet"
});

stratox.execute();

The result

Let's move on to the next section, where I will go in-depth on how it really works.