100points

AngularJS

62points

Ractive JS

Comparison winner
AngularJS
Ractive JS
vs
vs

35 facts in comparison

AngularJS vs Ractive JS

AngularJS
Ractive JS
AngularJS
Ractive JS

Why is AngularJS better than Ractive JS?

  • Uses Promises
  • Models are plain JavaScript objects
  • Has automatic view filtering
  • Extends HTML
  • Has a popular plugin to support animation
  • Has Dependency Injection
  • Has integrated input validation
  • Includes jQuery Lite

Why is Ractive JS better than AngularJS?

  • 16KB smaller file size without dependencies
    65KBvs81KB
  • Is DOM manipulation library agnostic
  • Uses a templating engine
  • Supports composed (partial) views
  • Integrates well with third party libraries to enable Promises/A+ support
  • 16KB smaller file size including dependencies
    65KBvs81KB
  • Uses observables for data binding
  • Supports 1 earlier versions of Internet Explorer
    7vs8

Key features and highlights

relevant

General info

1.Has automatic view filtering
AngularJS
Ractive JS

Has a mechanism to filter views based on scope variables (for example when searching) without the need to write much extra code.

2.Uses a templating engine
AngularJS
Ractive JS

Template engines allow for easy and flexible UI building.

3.Extends HTML
AngularJS
Ractive JS

Some people see this as an advantage as it eliminates the overhead from another template language.

4.Published under MIT License
AngularJS
Ractive JS

The MIT License is a very permissive license which allows all uses, including business use, without warranty.

5.Supports composed (partial) views
AngularJS
Ractive JS

Allows for nesting view templates into top-level views from within a template.

6.Has integrated input validation
AngularJS
Ractive JS

Built-in utilities to help validate client input before it gets processed or sent to a server. While this does not replace server-side validation, it can vastly improve the user experience.

relevant

Plugins

1.Has a popular plugin to support animation
AngularJS
Ractive JS

Has a plugin which includes facilities to easily create view animations.

2.Built-in RESTful sync abstraction for models
AngularJS
Ractive JS

Includes utilities to keep models in sync with their server-side representation without the need of writing jQuery boilerplate ajax calls.

3.has a dedicated plugin source.
AngularJS
Ractive JS

This shows that the framework has a living ecosystem, large community support and allows for more flexibility and faster development.

4.Has a popular plugin which improves LocalStorage support
AngularJS
Ractive JS

Has plugin which offers a simple functionality to synchronize models with the HTML5 LocalStorage.

5.Supports animation
AngularJS
Ractive JS

Includes facilities to easily create view animations.

relevant

Libraries & Packages

1.Is DOM manipulation library agnostic
AngularJS
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.Has an official, up-to-date entry in the npm package manager
AngularJS
Ractive JS

The node package manager can also be used for managing front end scripts.

3.Includes jQuery Lite
AngularJS
Ractive JS

Uses jQuery Lite elements where DOM manipulation is necessary. This way, developers get jQuery’s comfortable helper functions without having to include the entire library. In many use cases, this eliminates the project’s dependency on jQuery.

4.Works with AMD libraries such as require.js
AngularJS
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.

5.Officially supports Bower dependency management
AngularJS
Ractive JS

Bower is an easy-to-use, npm-like package manager for frontend applications.

relevant

Data binding

1.Has two-way databinding
AngularJS
Ractive JS

Models and views can be bound to update each other.

2.Models are plain JavaScript objects
AngularJS
Ractive JS

This makes for easier data transfer between the application and REST-Services or the LocalStorage. It also reduces complexity from getter- and setter functions.

3.Supports one-way data binding
AngularJS
Ractive JS

Views can be bound to update automatically when an observable object changes.

4.Uses observables for data binding
AngularJS
Ractive JS

Models are observed for changes. This is a well known pattern. Can be more performant than dirty-checking in some cases.

5.Uses Dirty-Checking
AngularJS
Ractive JS

Checks for any changes, and updates the corresponding fields. Can be more performant than observers in some cases.

relevant

Performance

1.Uses Promises
AngularJS
Ractive JS

Has an internal implementation of the Promises/A+ specification. Promises are a popular alternative to callbacks when dealing with server responses.

2.Supports routing and deep linking
AngularJS
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.

3.minified file size without dependencies

81KB

65KB

Smaller file size means faster load times.

Best

Flight

14KB

4.dependencies

0

0

Less dependencies means less extra scripts to include, usually resulting in less development overhead and faster load times.

Best

SproutCore

0

5.Updates the DOM asynchronously
AngularJS
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.Has Dependency Injection
AngularJS
Ractive JS

This improves testability and modularity.

Top 10 MV* frameworks

Add to comparison
    This page is currently only available in English.