Rutile.js

0.0.2 verified Fri May 01 auth: no javascript

Rutile.js is a declarative UI library that does not require a transpiler, enabling direct use in modern browsers. Version 0.0.2 is an early-stage release with no stable release cadence. Key differentiators include a declarative API, no build step, and support for both ESM and UMD formats, making it suitable for vanilla JS projects. However, it lacks documentation, community, and production readiness.

Common errors

error Cannot find module 'rutile-js' ↓

cause Package not installed or import path incorrect.

fix

Run 'npm install rutile-js' and ensure import uses correct ESM syntax.

error Uncaught TypeError: rutile.createApp is not a function ↓

cause Using default import instead of named import.

fix

Use 'import { createApp } from 'rutile-js''.

Warnings

breaking API may change drastically between 0.x versions. ↓

fix Pin to exact version and test upgrades.

gotcha Documentation is only in Korean; English docs absent. ↓

fix Use machine translation or explore examples on GitHub.

gotcha Package is experimental and not recommended for production. ↓

fix Consider mature alternatives like React, Preact, or Solid.

Install

npm install rutile-js

yarn add rutile-js

pnpm add rutile-js

Imports

default (main export)
wrong
```
const rutile = require('rutile-js')
```
correct
```
import rutile from 'rutile-js'
```
Package is ESM-first; CommonJS require may fail in Node without ESM support.

createApp

wrong

import createApp from 'rutile-js'

correct

import { createApp } from 'rutile-js'

createApp is a named export, not default.

h (hyperscript)
wrong
```
import h from 'rutile-js'
```
correct
```
import { h } from 'rutile-js'
```
h is a named export for creating virtual DOM nodes.

Quickstart

Creates a simple app with a div using hyperscript, mounts it to #root.

import { createApp, h } from 'rutile-js';

const App = () => h('div', { id: 'app' }, ['Hello Rutile!']);

const app = createApp(App);
app.mount('#root');