Getting Started
Introduction
OlumJS is a small, Vue/React-inspired UI framework. You write components as plain .html files with a <script>, a <style>, and template markup; a compiler turns each one into a JavaScript module. The template language is deliberately native-HTML-friendly: no naked {} in attributes, and HTML formatters/linters work on your files unchanged.
The one rule
💡
Everything lives inside "": when / each / key / on* / html hold a JS expression; props and all other attributes are literal strings with {expr} inside for dynamics; and text is {expr}, auto-escaped.
| Bucket | Attributes | Inside "" |
|---|---|---|
| Code | when, each, key, on* (events), html | a JS expression |
| String | class, style, title, href, id, props, … | a literal string; {expr} interpolates dynamics |
| Text | element text content | {expr}, auto-escaped |