render.js

> 日本語で読む

Overview

render.js is a library of rendering HTML elements for TypeScript and JavaScript.

Usage

1. Import from CDN

URL: https://cdn.yoneyo.com/scripts/render/render-v1.0.0.js

import { Render } from 'https://cdn.yoneyo.com/scripts/render/render-v1.0.0.js';

2. Use

A sample code:

const render = new Render();
const root = document.getElementById("root");

const app = () => {
    let title = "render.js";
    let message = "Hello World";

    return [
        render.$div({
            id: "app",
            children: [
                render.$h1({
                    id: "title",
                    textContent: title,
                }),
                render.$p({
                    id: "message",
                    textContent: message,
                }),
            ],
        }),
    ];
};

render.build({
    target: root,
    children: app(),
});

More Resources

• Documents: https://render-js.yoneyo.com/ .
• Demos: https://render-js.yoneyo.com/examples/ .
• Example codes: examples/.

Build

1. Install Packages

npm install

2. Build

Compile to JavaScript.

npm run build

Emitted JavaScript files will be output to the dist/ directory.

License

Licensed under the MIT License.

Copyright © 2025 よね/Yone