Examples

Interactions

The following examples demonstrate how to use Hyperview behaviors to perform common mobile interactions.

  • Navigation: Moving between screens, with custom screen loading states
  • Delayed navigation: Moving to a screen after a server response
  • Pull to refresh: Swipe-down gesture on a list to refresh the content of a list
  • Infinite scroll: Load more items in a list when reaching the bottom.
  • Lazy load: Load parts of a screen when scrolled into view.
  • Tabs: Load different subsections of a screen
  • Basic forms: Style text inputs with validation, and show an indicator while submitting
  • Advanced forms: Render radio buttons and tag selectors with core Hyperview elements
  • Event dispatch: Communicating between screens, with Hyperview events

Case Studies

  • Instawork for Business: A production app with tabs, pull-to-refresh, infinite scroll, form submissions, navigation, and local interactions.
  • Photo sharing app: Example of a photo-sharing app with comment loading, liking, navigation, and scroll interactions.
Live examples →