Tlx

screenshot of Tlx

TLX is a small (< 5K minimized and gzipped) multi-paradigm front-end library supporting: template literals in place of JSX; multi-root templates in HTML, JavaScript, or remote URL references; t-for, t-foreach, t-forvalues with iterable protocol support; t-if attribute directive; custom attribute ...

Overview

TLX v1.0.45 is a front-end library that has been deprecated in favor of lazui. TLX is a small library that supports template literals in place of JSX, multi-root templates using HTML, JavaScript, or remote URL references, attribute directives, two-way data binding, standard event handlers, a default router, and extended lifecycle callbacks. It can be used for both style and layout (HTML and CSS) as well as logic (JavaScript) development.

Features

  • Template literals in place of JSX
  • Multi-root templates with HTML, JavaScript, or remote URL references
  • Attribute directives (t-for, t-foreach, t-fortvalues, t-if)
  • Custom attribute directives
  • Optional two-way data binding
  • Automatic or manual creation of standards compliant custom elements and components
  • Standards compliant event handlers
  • Default router
  • Extended lifecycle callbacks
  • Automatic HTML injection protection

npm

You can install TLX using npm with the following command:

npm install tlx

CDN

You can also include the TLX script directly from a CDN using one of the following links:

Summary

TLX is a small front-end library that supports template literals, multi-root templates, attribute directives, two-way data binding, custom elements and components, event handlers, a default router, and more. It can be used for both style and logic development and offers automatic HTML injection protection. TLX can be installed via npm or included from a CDN.