Kryndex / tez

Super-light and blazing-fast application rendering library for simple and re-usable UI components with JSX, HTML DOM Direct and Class support

tez

Super-light and blazing-fast application rendering library for simple and re-usable UI components with JSX, HTML DOM Direct and Class support

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

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

CDN Links/Code

• Thanks to jsdelivr, <script src="https://cdn.jsdelivr.net/npm/tez.js@latest/Tez.min.js"></script>
• Thanks to unpkg, <script src="https://unpkg.com/tez.js@latest/Tez.min.js"></script>
• Check out at cdnjs-hosted library release version

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

const dc = new Tez('body', { disableSafeParse: true });

	dc.setContent("+=<div id=\"loader\"></div>");

	// 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