Fast start

Create a project folder, install dependencies

mkdir ./hello-world cd ./hello-world npm install --save vqua npm install --save-dev webpack

Create file webpack.config.js

const path = require('path') module.exports = { entry: './index.js', output: { filename: 'index.js', path: path.resolve(__dirname) }, }

Create file index.js

const { html, Component, render } = require('vqua') class HelloWorld extends Component { render() { const { div } = html return ( div({}, 'Hello world!' ) ) } } const app = document.getElementById('app') render(app, HelloWorld.v(), (error) => { if (error) throw error })

Create file index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello world!</title> </head> <body> <div id='app'></div> <script src="./index.js" type="text/javascript"></script> </body> </html>

Run build

webpack

Ready, open file index.html in browser.