Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AlexxNica/tez
Super-light and blazing-fast application rendering library for simple and re-usable UI components with JSX, HTML DOM Direct and Class support
https://github.com/AlexxNica/tez
Last synced: about 2 months ago
JSON representation
Super-light and blazing-fast application rendering library for simple and re-usable UI components with JSX, HTML DOM Direct and Class support
- Host: GitHub
- URL: https://github.com/AlexxNica/tez
- Owner: AlexxNica
- License: apache-2.0
- Created: 2017-05-27T18:55:13.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-05-23T17:25:16.000Z (over 7 years ago)
- Last Synced: 2024-05-10T16:32:21.778Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 394 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-blazingly-fast - tez - Super-light and blazing-fast application rendering library for simple and re-usable UI components with JSX, HTML DOM Direct and Class support (JavaScript)
README
# tez
[![Tez App][tez-image]][tez-url]
Super-light and blazing-fast application rendering library for simple and re-usable UI components with JSX, HTML DOM Direct and Class support
[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[](http://github.com/dalisoft/tez)
[](https://greenkeeper.io/)
[](http://github.com/dalisoft/tez/issues)
[](https://beerpay.io/dalisoft/tez/)
[](https://github.com/dalisoft/tez/blob/master/LICENSE)
[![Flattr this][flattr-image]][flattr-url]
# Note
Dear users, this is not framework, just library that renders diffed (patched) element. This script inspired by amazing "React" and this script has own diff manager, not uses "VDOM" script.
# *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`
```bash
$ npm install --save tez.js
# or
$ yarn add tez.js
```
### CDN Links/Code
* Thanks to [jsdelivr](http://www.jsdelivr.com/), ``
* Thanks to [unpkg](http://unpkg.com/), ``
* Check out at [cdnjs-hosted library release version](https://cdnjs.com/libraries/tez.js)
# 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
```javascript
const dc = new Tez('body', { disableSafeParse: true });
dc.setContent("+=
");
// Uses appendChild for you, like innerHTML syntax for effective
```
# Methods
* `createElement` - for `JSX` element creation
# Compatibility
### Note
This library works nice at IE10+, Chrome 35+, Firefox 35+, Opera 15+ and works partly at starting supported browsers.
I am recommend you render at page-load so you never see issues. Change interval check at 300-ms for better result
### Supported browsers (UPDATED)
* Android 5+
* iOS 9+
* Internet Explorer 11+
* Chrome 45+
* Firefox 40+
* Opera 18+
# License
* Apache 2.0
[tez-image]: https://raw.githubusercontent.com/dalisoft/tez/master/tez-logo.png
[tez-url]: https://github.com/dalisoft/tez/
[npm-image]: https://img.shields.io/npm/v/tez.js.svg
[npm-url]: https://npmjs.org/package/tez.js
[downloads-image]: https://img.shields.io/npm/dm/tez.js.svg
[downloads-url]: https://npmjs.org/package/tez.js
[flattr-image]: https://api.flattr.com/button/flattr-badge-large.png
[flattr-url]: https://flattr.com/thing/0bfc4bbb6273be0e5abeb8fa5e0c71a8