Skip to content

Virtualized scrolling with Ractive.js and mobile performance in mind

Notifications You must be signed in to change notification settings

brett-shwom/pheux

Repository files navigation

Pheux

A virtualized scrolling component for Ractive.js

Demo

Check us out at: https://pheux.herokuapp.com/

Best viewed in Cordova or iOS8 Mobile Safari.

Usage

Include pheux as a Ractive component:

Ractive.components.pheux = Pheux.ractiveComponent

In a ractive template, use pheux like so:

<pheux dataTable="{{anArrayOfObjects}}" rowHeight="{{rowHeightInPixels}}">
	<-- template for each row-->
</pheux>

Magic must be enabled

Cordova

Try it out on a device by running ./cordova-script.sh --device

About

Virtualized scrolling with Ractive.js and mobile performance in mind

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages