Infinity.js: UITableView para la web

Infinity.js se auto define como la UITableView para la web. Recordemos que una UITableView es un elemento comúnmente conocido por los desarrolladores de aplicaciones de iOS, y que es utilizado para mostrar información en formato de lista.

uitableview para la web

Justamente el nombre de esta biblioteca JavaScript hace referencia a una de sus principales características, estoy hablando de la utilización del loop infinito para desplegar información, es así que por ejemplo podemos mostrar el feed de un blog de a 20 entradas, cargando las 20 siguientes al llegar al final de la lista. Esta técnica esta reemplazando a la paginación de toda la vida.

Ejemplo de uso:

var $el = $('#my-infinite-container');
var listView = new infinity.ListView($el);

// ... When adding new content:

var $newContent = $('<p>Hello World</p>');
listView.append($newContent);

// ... To remove items from a list:

var listItems = listView.find('.my-items');
for(var index = 0, length = listItems.length; index < length; index++) {
    listItems[index].remove();
}

Infinity.js cuenta con solo una dependencia y es jQuery. El proyecto es interesante, probablemente tenga nuevas actualizaciones en breve, no obstante no presenta ningún problema si deseamos utilizarlo hoy en día.

Web: Infinity.js

Categorizado en: