When comparing Ractive vs zUIx.js, the Slant community recommends Ractive for most people. In the question“What are the best React.js alternatives?” Ractive is ranked 22nd while zUIx.js is ranked 23rd. The most important reason people chose Ractive is:
Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.
Ranked in these QuestionsQuestion Ranking
Pros
Pro Live, reactive templating
Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.
Pro Powerful and extensible
Two-way binding, animations, SVG support and more are provided out-of-the-box – but you can add whatever functionality you need by downloading and creating plugins.
Pro Supports a true templating language
Ractive fully supports a templating language. To be more precise, views are written with a variant of Mustache, which is also extended to support inline JavaScript expressions. Soon it will be able to support other templating languages.
Pro Virtual DOM
Instead of relying on the DOM, Ractive implements a virtual DOM from scratch, allowing it to calculate precisely what needs to be patched during the next screen refresh. This is orders of magnitude faster than fiddling with the DOM itself.
Pro Ease of use
Requires only basic HTML/Javascript knowledge.
Pro In-browser bundler
Can pack assets and resources in the browser console with no need for any external tool.
Pro Component-based
Creating a component is just a matter of creating 3 small files (html, css, js).
Can share and load components across websites.
Pro Web Starter Project
If you like Node.js and automatic build system, the zuix-web-starter is a "blank" web project featuring LESS, Markdown, Minify, Eslint checks, automatic bundling, PWA optimizations and much more.
Pro Lazy-loading
Built-in lazy loading feature. Almost transparent.
Pro Templates
With automatic fields mapping (data binding).
Pro jQuery alike helper
Built-in DOM helper. Basically a lite subset of jQuery.
Pro Examples
The zKit site is a collection of example components ready to use as-is or as a base for creating your own components.
Cons
Con Ractive's two way binding can be a source of bugs
Two-way data-binding means that a HTML element in the view and an Ractive model are binded, and when one of them is changed so is the other. One-way data-binding for example does not change the model when the HTML element is changed.
This is a rather controversial subject and many developers consider two-way data binding an anti-pattern and something that is useless in complex applications because it's very easy to create complex situations by using it and being unable to debug them easily or understand what's happening by just looking at the code.