❤
npm
Sign UpSign In

xoo

3.0.1 • Public • Published

xoo

black magic state management for dom components

npm install xoo

the goal of xoo is to make reactive component state management easy peasy with black magic (i.e. proxies) for rapid prototyping. anytime you change your state, your components will update sparsely if they depend on your state. xoo bind this to your Component's methods so you don't have to and provides a functional interface for rendering Component instances.

xoo is built on morphable

example

const { Component } = require('xoo')
const html = require('nanohtml')
 
class Body extends Component {
  constructor () {
    super()
    this.count = 0
  }
  increment () {
    this.count++
  }
  render () {
    return html`<body>
      <h1>count is ${this.count}</h1>
      <button onclick=${this.increment}>increment</button>
    </body>`
  }
}
 
const body = new Body()
document.body = body() // alias for body.render()

Readme

Keywords

none

Package Sidebar

Install

npm i xoo

Weekly Downloads

8

Version

3.0.1

License

MIT

Unpacked Size

6.45 kB

Total Files

6

Last publish

Collaborators

  • lukeburns
Try on RunKit
Report malware