Skip to content

Instantly share code, notes, and snippets.

View jongacnik's full-sized avatar

Jon jongacnik

View GitHub Profile
@jongacnik
jongacnik / index.js
Last active November 25, 2017 05:05
choop - nanocomponent
var choop = require('choop')
var html = require('choop/html')
var h = require('choop/h')
var preact = require('preact')
var devtools = require('choo-devtools')
var Nanocomponent = require('nanocomponent')
var bel = require('bel')
var app = choop()
app.use(devtools())
@jongacnik
jongacnik / index.js
Last active November 23, 2017 20:21
choop - component
var choop = require('choop')
var html = require('choop/html')
var h = require('choop/h')
var Component = require('choop/component')
var devtools = require('choo-devtools')
var app = choop()
app.use(devtools())
app.route('*', mainView)
app.mount('body')
@jongacnik
jongacnik / index.js
Last active November 23, 2017 20:11
choop - jsx
/** @jsx h */
var devtools = require('choo-devtools')
var choop = require('choop')
var h = require('choop/h')
var app = choop()
app.use(devtools())
app.use(countStore)
app.route('*', mainView)
app.mount('body')
@jongacnik
jongacnik / index.js
Last active November 23, 2017 20:12
choop - basic example
var html = require('choop/html')
var devtools = require('choo-devtools')
var choop = require('choop')
var app = choop()
app.use(devtools())
app.use(countStore)
app.route('*', mainView)
app.mount('body')
@jongacnik
jongacnik / choop.js
Last active November 24, 2017 20:25
choop: generate a build of choo with preact instead of nanomorph
var fs = require('fs')
var path = require('path')
var r2 = require('r2')
var x = require('xtend')
var packageJson = require('package-json')
var latestVersion = require('latest-version')
var prettyjson = require('json-format')
var raw = {
choo: 'https://raw.githubusercontent.com/choojs/choo/master/index.js'
@jongacnik
jongacnik / index.js
Created November 2, 2017 19:26
requirebin sketch
var choo = require('choo')
var html = require('choo/html')
var app = choo()
console.log(app)
app.route('/', mainView)
app.mount('body')
function mainView (state, emit) {
return html`
module.exports = function (state, emitter, app) {
state.component = require('component-box')
app.component = function (key, Component) {
if (!key || !Component) return
var obj = {}
obj[key] = function () {
return new Component()
}
state.component.use(obj)
}
@jongacnik
jongacnik / index.js
Created September 28, 2017 20:14
requirebin sketch
var pelo = require('pelo')
var el = pelo`<div ${{ className: 'boop', style: 'color:red' }}>beep</div>`
document.write(el)
@jongacnik
jongacnik / index.js
Created September 28, 2017 20:08
requirebin sketch
var bel = require('bel')
var el = bel`<div ${{ className: 'boop', style: 'color:red' }}>beep</div>`
document.body.appendChild(el)
@jongacnik
jongacnik / component-box-nano-render.js
Created September 19, 2017 17:53
component box nanocomponent examples
var Nanocomponent = require('nanocomponent')
var html = require('bel')
var c = require('component-box')
class MyComponent extends Nanocomponent {
createElement (text) {
return html`<div>${text}</div>`
}
}