tez.js
v10.0.1
Published
Lightweight, Clean, Optimized Virtual DOM & UI Library
Downloads
210
Maintainers
Keywords
Readme
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
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