Ractive.js es un proyecto muy nuevo, sin embargo tiene un potencial de lo más interesante.
Ractive.js básicamente es un sistema de templates para JavaScript, sin embargo no es uno como a los que estamos acostumbrados, principalmente digo esto porque para lograr su cometido utiliza una técnica que manipula el flujo de nuestros documentos de tal manera que el rendimiento es excelente, permitiendo su utilización en todos los navegadores modernos, incluyendo a Internet Explorer desde su versión 8.
Ademas cuenta con la gran ventaja de que mantiene activa la selección de elementos, razón que le brinda la capacidad de alterar el comportamiento o contenido de un elemento de nuestra estructura sin la necesidad de actualizar el estado del mismo de forma manual.
Ejemplo de uso:
view = new Ractive({
el: element,
template: '<p>Hello {{name}}!</p>',
data: { name: 'world' }
});
// renders <p>Hello world!</p> to our container element
view.set( 'name', 'Jim' );
// changes 'world' to 'Jim', leaves everything else untouched
En el sitio oficial del proyecto pueden ver muchos ejemplos y tutoriales sobre como implementar la biblioteca en sus proyectos.
Les recomiendo encarecidamente visitar la web del autor de este proyecto, en especial la sección de ejemplos, entre todos ellos pueden encontrar uno que permite cambiar los valores de una div en tiempo real y según los datos que le ingresemos nosotros mismos, es una buena forma de ver el excelente rendimiento de este proyecto.
Web: Ractive.js