import yo from 'yo-yo';
import _, {atom, derivation, transact} from 'derivable'



const todos = atom([1,2,3]);

const appComp = t => yo`<div>
    ${t.map(a => yo`<div>${a}</div>`)}
</div>`;

const ref = document.body.appendChild(yo`<div></div>`);

todos.react(n => yo.update(ref, appComp(n)))

todos.set([...todos.get(), 4])
todos.set([...todos.get(), 5])