A simple reactive DOM generation library for building web applications.
npm install @adernnell/simplereactivedom
SimpleReactiveDOM is a lightweight, reactive DOM generation library for modern web development. It provides a simple API for binding data, managing state, and building dynamic user interfaces with minimal overhead.
It emphasizes on explicit over implicit and allow you to express your UI in a composible manner in pure JavaScript while being close to html syntax.
- Reactive Data Binding: Automatically update the DOM when your data changes.
- Stores: Centralized state management with reactivity.
- Templating: Simple, declarative templates for dynamic content.
- Tiny Footprint: Designed to be efficient, minimal and to work seamlessly with DOM API.
Try on jsFiddle
Try on CodeSandbox
See the Quick Start guide
Install via npm:
``bash`
npm install @adernnell/simplereactivedom
Import and use in your project:
`ts
import { html, node, writable, call } from '@adernnell/simplereactivedom';
const username = writable('World');
const contentNode = node(html
);
``See https://adernnell.github.io/simple-reactive-dom/ for detailed documentation.
This project is licensed under the MIT License. See LICENSE for details.
Credits to the Svelte team for their store implementation, which has been adapted for this library.