andyhorng / omom

Bite-sized virtual-dom

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

omom Circle CI

Bite-sized virtual-dom

Example

Hello world

/** @jsx h */
import {h, loop, component} from 'omom'

let List = component(({items}) => {
  items = items.map((item) => {
    return <li>{item}</li>
  })

  return (
    <ul>{items}</ul>
  )
})

let app = ({className, items}) => {
  return (
    <div className={className}>
      <List items={items} />
    </div>
  )
}

let createInitialState = loop(document.body, render)
let update = createInitialState({className: 'foobar', items: ['foo', 'bar']})

// performs update
update({className: 'foobar', items: ['foo', 'bar', 'baz']})

Installation

npm install --save omom

Development

npm install
npm test

browser tests

make test

Inspirations

About

Bite-sized virtual-dom

License:MIT License


Languages

Language:JavaScript 99.5%Language:Makefile 0.3%Language:HTML 0.2%