3.0.1 • Published 4 years ago
xoo v3.0.1
xoo
black magic state management for dom components
npm install xoothe 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()