## Why
- 🎼 Works with tagged template literals
- 🎳 Component based
- 🧩 WebComponent ready
- 🏪 Global stores
- 😆 Global components
- 🔫 Fast performance
- 💅 Scoped style
- 📡 Uses ES6 proxy to observe changes
- 😁 Simple and familiar API
- 😱 No extra syntax like JSX
- 💣 No confusion with props and state
- ⛏ Extensible through: plugins, mixin, components
- 📽 CSS animation support
## Get started
```
$ npx doz-cli app my-app
$ cd my-app
$ npm start
```
## Example
```html
```
#### Component definition
ButtonCounter.js
```javascript
import {Component} from 'doz'
export default class extends Component {
constructor(o) {
super(o);
this.props = {
counter: 0
};
}
template(h) {
return h`
`
}
increase() {
this.props.counter++;
}
};
```
#### Make an app with the component defined above
app.js
```javascript
import Doz from 'doz'
import ButtonCounter from './ButtonCounter'
new Doz({
root: '#app',
template(h) {
return h`
<${ButtonCounter} title="Click me!"/>
`
}
});
```
## Doz ecosystem
- 👨🏻💻 [doz-cli](https://github.com/dozjs/doz-cli) provides a boilerplate to creating app and component
- 👨🏼🎨 [doz-ssr](https://github.com/dozjs/doz-ssr) server side rendering
- 🤳🏼 [doz-snap](https://github.com/dozjs/doz-snap) transforms app to static HTML
- 👩🏼🚀 [doz-router](https://github.com/dozjs-cmp/doz-router) a complete component for routing
- ✍🏼 [doz-metatag](https://github.com/dozjs/doz-metatag) a plugin for managing basic OG meta tag in your app (perfect with doz-ssr)
#### CDN unpkg
```html
```
## Changelog
You can view the changelog here
## License
Doz is open-sourced software licensed under the MIT license
## Author
Fabio Ricali
