Ractive JS

Ractive JS

Ractive JS review: 20 facts and highlights

Ractive JS
Ractive JS

Why is Ractive JS better than the average?

  • Minified file size without dependencies

  • Minified file size including dependencies

  • Versions of Internet Explorer supported


General info

1.Uses a templating engine
Ractive JS
Template engines allow for easy and flexible UI building.
2.Published under MIT License
Ractive JS
The MIT License is a very permissive license which allows all uses, including business use, without warranty.
3.Supports composed (partial) views
Ractive JS
Allows for nesting view templates into top-level views from within a template.
4.versions of Internet Explorer supported


Legacy browser support can be important for corporate projects and projects with a large user base consisting of Internet Explorer users.
5.number of years old


Older frameworks are often more stable, battle-proven and there are more resources and tutorials on them. As a company you have a larger talent pool to recruit from.


1.Supports animation
Ractive JS
Includes facilities to easily create view animations.

Libraries & Packages

1.Is DOM manipulation library agnostic
Ractive JS
Does not require or seriously encourage the use of a specific library (like jQuery, Zepto or MooTools) to handle DOM manipulation and can be used with one the developer prefers.
2.Officially supports Bower dependency management
Ractive JS
Bower is an easy-to-use, npm-like package manager for frontend apps.
3.Works with AMD libraries such as require.js
Ractive JS
Asynchronous Module Definition libraries allow for easy modular, clean programming. If a framework does not work well with such libraries, it might have some other means to modularize its components and resolve dependencies, like Dependency Injection.
4.Has an official, up-to-date entry in the npm package manager
Ractive JS
The node package manager can also be used for managing front end scripts.

Data binding

1.Has two-way databinding
Ractive JS
Models and views can be bound to update each other.
2.Supports one-way data binding
Ractive JS
Views can be bound to update automatically when an observable object changes.
3.Uses observables for data binding
Ractive JS
Models are observed for changes. This is a well known pattern. Can be more performant than dirty-checking in some cases.


1.minified file size without dependencies


Smaller file size means faster load times.
2.Supports routing and deep linking
Ractive JS
Routing allows interaction with the browser url. This is very important for a good user experience if you are building one-page apps.


Less dependencies means less extra scripts to include, usually resulting in less development overhead and faster load times.
4.Integrates well with third party libraries to enable Promises/A+ support
Ractive JS
Allows the use of libraries like jQuery Deferred to support promises. Promises are a popular alternative to callbacks when dealing with server responses.
5.Updates the DOM asynchronously
Ractive JS
Model changes do not immediately result in view updates but are queued and dispatched as a group. This can be a lot more performant than instant view updates.
6.minified file size including dependencies


Smaller file size means faster load times.

Follow Versus on Instagram

Follow @versusdotcom

Which are the best MV* frameworks?

Show all
This page is currently only available in English.