zoom_in Click to enlarge

Ractive.js

▲ ▼

language

description Ractive.js Overview

Ractive.js is a declarative JavaScript templating library that uses data binding and virtual DOM techniques to efficiently update web page content in response to changes.

help Ractive.js FAQ

Does Ractive.js use a virtual DOM?

Yes. Ractive creates a virtual DOM from its Mustache-style templates and uses it to keep the browser DOM synchronized with changing data.

How does two-way binding work in Ractive.js?

Inputs, textareas, and select elements can update the Ractive data model when a user changes them. Developers can disable this behavior globally with the twoway option or override it on an individual element.

Can Ractive.js components be reused across an application?

Yes. Developers can create reusable components with Ractive.extend(), defining a component template, default data, initialization behavior, and nested behavior in one unit.

Does Ractive.js use JSX like React?

Ractive uses HTML-like templates with Mustache syntax rather than React's JSX model. It is also described as a relatively unopinionated Model-View-Viewmodel library, with features such as keypaths, observers, transitions, and data binding.

swap_horiz

Looking for Ractive.js alternatives? Compare top competitors ranked & scored

arrow_forward