relementjs (Reactive Element)

Isomorphic reactive uis for the browser & server. The smallest reactive UI library on the browser & server. Tiny tree-shakable modules originally forked from VanJS.

relementjs scales large & small with tree-shakable modules & no-fluff implementation. relementjs includes rmemo as a reactive core & ctx-core for contexts...

use case	size	imports
isomorphic browser (base api)	884 B	relement__use browser__base__relement
isomorphic server (base api)	683 B	relement__use server__base__relement
browser-only minimal	732 B	tags
browser-only hydrate + helpers	781 B	tags hydrate _ bind_
browser-only hydrate + helpers + rmemo	804 B	tags hydrate _ bind_ memo_ sig_
server-only minimal	509 B	tags
server-only render doc + helpers	557 B	tags doc_html_ tagsNS _ bind_
server-only render doc + helpers + rmemo	889 B	tags doc_html_ tagsNS _ bind_ memo_ sig_
isomorphic html tag	34 B	html_

Note that the bold use cases are roughly equivalent to what VanJS provides. The browser-only library is smaller than vanjs & the server-only library is smaller than mini-van-plate/van-plate. mini-van-plate & mini-van-plate/van-plate does not provide server-side reactivity.

isomorphic rendering

import { relement__use } from 'relementjs'
import { browser__base__relement } from 'relementjs/browser'
import { a_, div_ } from 'relementjs/html'
relement__use(browser__base__relement)
// import { server__base__relement } from 'relementjs/server'
// relement__use(server__base__relement)
div_(
    a_({ href: 'https://github.com/relementjs/relementjs' },
        'relementjs github page'))

browser rendering

import { tags } from 'relementjs/browser'
const { a, div } = tags
div(
    a({ href: 'https://github.com/relementjs/relementjs' },
        'relementjs github page'))

server rendering

import { tags } from 'relementjs/server'
const { a, div } = tags
div(
    a({ href: 'https://github.com/relementjs/relementjs' },
        'relementjs github page'))