quick-front
v1.3.0
Published
Package to quickly hack together a frontend for your server. Extracted and slightly polished from personal use. There are some inconsistent and inefficient design decisions and also no documentation. See examples folder, if you want to make something with
Downloads
8
Readme
QuickFront
Package to quickly hack together a frontend for your server. Extracted and slightly polished from personal use. There are some inconsistent and inefficient design decisions and also no documentation. See examples folder, if you want to make something with this.
It is only meant to be used as a dev placeholder or for small projects where the performance and user friendliness of your frontend are not important. No feedback or corrections are accepted. Good luck.
Usage
Serve the included files from your backend or use an npm CDN like unpkg.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.unpkg.com/[email protected]/dist/assets/main.css">
<script type="module" src="https://www.unpkg.com/[email protected]/dist/assets/quick-front.js"></script>
</head>
<body>
<div form-type="Object_t" class="p-4"></div>
<ul>
<template for="$i in [...range(10)]">
<li>$i</li>
</template>
</ul>
<script>
function init() {
STATE.value = { value: 0 }
const Object_t = Type.object({
value: Type.number
})
startApp({ Object_t })
}
</script>
</body>
</html>