Component that consumes an object.

person-component.js

import {h, Component} from 'composi'
const personData = {
   name: {
     first: 'Joe',
     last: 'Bodoni'
   },
   age: 26,
   job: 'mechanic'
}
const person = new Component({
   root: '#personDiv',
   state: personData,
   render: (person) => (
   <div>
     <h2>Name: {person.name.last}, {person.name.first}</h2>
     <h3>Age: {person.age}</h3>
     <p>Job: {person.job}</p>
</div>)
})
person.update()