@echojs-ecosystem/core

Minimal UI runtime — components, mount, directives, and DOM utilities.

Low-level building blocks for EchoJS UI: createComponent, createModel, createView, mount, and reactive DOM helpers. Re-exports @echojs-ecosystem/reactivity for convenience.

Most applications should prefer @echojs-ecosystem/hyperdom or @echojs-ecosystem/framework. Use @echojs-ecosystem/core when you need the component runtime directly.

Features

• Model / View split — createModel + createView + createComponent
• Direct DOM — mount, render, createElement, reactive text & props
• Directives — _$if, _$switch, showDirective
• Reactivity re-export — signal, effect, computed, batch

Install

npm install @echojs-ecosystem/core @echojs-ecosystem/reactivity

Quick start

import { createComponent, mount, signal } from "@echojs-ecosystem/core";

const Counter = createComponent(
  () => {
    const $count = signal(0);
    return { $count };
  },
  (vm) => {
    const btn = document.createElement("button");
    btn.onclick = () => vm.$count.update((v) => v + 1);
    btn.textContent = `count: ${vm.$count.value()}`;
    return btn;
  },
);

mount(document.getElementById("app")!, Counter());

API

| Export | Description | |--------|-------------| | createModel / createView / createComponent | Component composition | | mount / unmount / render / createRoot | DOM mounting | | createElement, setProp, setProps | Element helpers | | insert, createReactiveText | Reactive DOM updates | | signal, computed, effect, batch | From @echojs-ecosystem/reactivity |

Related packages

| Package | Role | |---------|------| | @echojs-ecosystem/reactivity | Required peer-style dependency | | @echojs-ecosystem/hyperdom | Higher-level h() DSL and views |

Documentation

echojs.dev/docs/architecture/overview