bare-bones virtual-dom starter using main-loop and browserify/watchify with npm run scripts
$ npm install
$ npm run watch &
$ npm start
npm run build
- build js for productionnpm run watch
- automatically build js on file changes for developmentnpm start
- start a development server
var h = require('virtual-dom/h')
var main = require('main-loop')
var loop = main({ n: 0 }, render, require('virtual-dom'))
document.querySelector('#content').appendChild(loop.target)
function render (state) {
return h('div', [
h('h1', 'clicked ' + state.n + ' times'),
h('button', { onclick: onclick }, 'click me!')
])
function onclick () {
loop.update({ n: state.n + 1 })
}
}
If you like what you see, but want to add something more, fork this repo and add your additional feature to the name of the fork. Try to be specific with the name of your fork, listing the technologies used plus what features the fork adds.
Check out the list of forks to see how other people have customized this starter repo.
This software is released into the public domain.