🐰✂️ Dalila

DOM-first reactivity without the re-renders.

Dalila is a reactive framework built on signals. No virtual DOM, no JSX required — just HTML with declarative bindings.

Quick Start

npm create dalila@latest my-app
cd my-app
npm install
npm run dev

Open http://localhost:4242 to see your app.

Install

npm install dalila

Minimal Example

<div id="app">
  <p>Count: {count}</p>
  <button d-on-click="increment">+</button>
</div>

import { signal } from 'dalila';
import { bind } from 'dalila/runtime';

const count = signal(0);

const ctx = {
  count,
  increment: () => count.update(n => n + 1),
};

bind(document.getElementById('app')!, ctx);

For bundle-sensitive or no-bundler builds, prefer leaf subpaths like dalila/core/signal and dalila/runtime/bind.

Docs

Start here

• Overview
• Template Spec
• Router
• Forms
• UI Components
• HTTP Client

Core

• Signals
• Effects Guide
• Scopes
• Scopes Guide
• Persist
• Context
• Scheduler
• Keys
• Dev Mode

Runtime

• Template Binding
• Components
• Lazy Loading
• Error Boundary
• FOUC Prevention

Rendering & Data

• when
• match
• for
• Virtual Lists
• Resources
• Query
• Mutations

Tooling

• Template Check CLI
• Devtools Extension
• Production Guide
• Security Hardening
• Threat Model
• Recipes
• Upgrade Guide
• Release Checklist
• Security Release Notes

Packages

dalila           → signals, scope, persist, forms, resources, query, mutations
dalila/runtime   → bind(), mount(), configure(), components, lazy, transitions
dalila/core/*    → leaf core modules for tighter bundles
dalila/runtime/* → leaf runtime modules for tighter bundles
dalila/context   → createContext(), provide(), inject()
dalila/router    → createRouter(), file-based routes, preloading
dalila/http      → createHttpClient()

Development

npm install
npm run build
npm run serve   # Dev server with HMR
npm test
npm run test:watch

License

MIT