snabbdom-starter
A simple snabbdom starter repository. Using the following tools:
- browserify/watchify for client side bundling
- babel to transpile the ES6 code
Getting up and running
Install
After cloning the repository, run npm install.
All files live inside the app folder
..app
.....index.html
.....build.js
...js
........main.js
........(...)
running npm run watch watches for change and creates the browser bundle 'build.js'
If you want to manually build the bundle, run npm run build.
Hello world
import snabbdom from 'snabbdom';
import h from 'snabbdom/h';
const patch = snabbdom.init([
require('snabbdom/modules/class'), // makes it easy to toggle classes
require('snabbdom/modules/props'), // for setting properties on DOM elements
require('snabbdom/modules/style'), // handles styling on elements with support for animations
require('snabbdom/modules/eventlisteners'), // attaches event listeners
]);
var vnode = h('div', {style: {fontWeight: 'bold'}}, 'Hello world');
patch(document.getElementById('placeholder'), vnode);
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent