tez.js

tez

Lightweight, Clean, Optimized Virtual DOM & UI Library

Note!

Users, Tez.js is alternative fan library to React.js, Preact, Inferno and etc. But this is lightweight and faster than they (load-time and render time), while has no events or feature, if you wish you can do it with PR

IMPORTANT

• Hello, users. Who using this app, thanks. But i am highly recommend you move to "React.js" for better complexity, if you want simple and lightweight for minimal app, so continue use this app.

Installation

npm or yarn

$ npm install tez.js
# or 
$ yarn add tez.js

CDN

• Grab code at jsdelivr
• Grab code at unpkg
• Grab code at npmcdn
• See release at cdnjs

Docs

• Some docs can be seen at HERE

For what

• Fast Mobile apps
• Fast Desktop apps
• Best UI Expierence
• Smooth rendering
• Large applications
• Apps Low-end powered device
• Cross-browser apps
• Super-fast Web-apps (on Chrome runs almost without redraw)

Example of What it does

Example 1

// ES6
import { Component, DOM, html } from 'tez.js';
class Hello extends Component {
    constructor (props) {
        super(props);
    }
    render () {
        return html(`Hello ${this.props.name}`);
    }
}
DOM(MyDOMNode, new Hello({name:'World'}));
 
// ES6 Basic
const Hello = ({name}) => `Hello ${name}`
DOM(MyDOMNode, Hello({name:'World'})
 
// ES5/ES4
const { Component, DOM, html } = require('tez.js');
var Hello = function (props) {
    Component.call(this, props);
    return this;
};
Hello.prototype = Component.prototype;
Hello.prototype.render = function () {
    return html(`Hello ${this.props.name}`);
};
DOM(MyDOMNode, new Hello({name:'World'}));

JSX

• You can set via /** @jsx Tez.h */
• or set via your transpiler configuration

Compatibility

The code runs anywhere as possible due of there now no DOM comparision, just property comparision, it's faster and smarter.

Supported browsers

• Android 5+
• iOS 9+
• Internet Explorer 10+
• Chrome 45+
• Firefox 35+
• Opera 15+

License

• Apache 2.0