https://github.com/kevinhellos/xeauk-js
Lightweight and minimal 5kb JavaScript web templating engine
https://github.com/kevinhellos/xeauk-js
templating-engine
Last synced: 9 months ago
JSON representation
Lightweight and minimal 5kb JavaScript web templating engine
- Host: GitHub
- URL: https://github.com/kevinhellos/xeauk-js
- Owner: kevinhellos
- License: mit
- Created: 2024-01-13T17:15:03.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-21T15:34:10.000Z (over 2 years ago)
- Last Synced: 2025-03-15T05:42:04.512Z (about 1 year ago)
- Topics: templating-engine
- Language: JavaScript
- Homepage: https://xeauk.netlify.app/
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Xeauk JS
Welcome to Xeauk JS. Xeauk JS brings the power of JavaScript directly in your HTML.
No more writing complicated codes to bind variables to HTML.
On top of templating, Xeauk JS allows you to write JavaScript expression directly inside the @{} template.
# Installation via CDN
**CDN installation is recommended**
```html
```
# Setting up
**How to correctly setup Xeauk JS**
View the docs here
```html
Xeauk JS Demo
@{text}
// STEP 3: create an instance of Xeauk
// For this demo, the instance is "x"
var x = Xeauk;
// STEP 4: Define the controller from the .controller()
// and pass in "myController"
x.controller("myController");
// Step 5: Define a dummy data
var text = "Hello World from Xeauk JS";
// Step 7: Compile the instance
// ONLY COMPILE at the end of all the JavaScript
// Else it will not work.
x.compile();
```