A JavaScript framework for building UI, almost like writing in VanillaJS. For modern browser.
Documentation | Demo
Tiny size: 9KB (gzip)
In the web there are many frameworks that do all the same things. But a lot of them are complex, we need to know a lot of directives and they make confusion for example with the context of "this", some introduce other syntaxes like JSX. All you need is HTML, CSS and Doz.
Doz uses ES6 proxy to observe changes.
$ npm install --save doz
$ npm install -g doz-cli
$ doz app my-app
$ cd my-app
$ npm run start
<div id="app"></div>Doz.component('button-counter', {
props: {
counter: 0
},
template() {
return `
<div>
<button onclick="this.props.counter ">
${this.props.title} ${this.props.counter}
</button>
</div>
`
}
});new Doz({
root: '#app',
template: `
<button-counter title="Click me!"></button-counter>
`
});<script src="https://unpkg.com/doz/dist/doz.min.js"></script>You can view the changelog here
DOZ is open-sourced software licensed under the MIT license