Feedhenry cloud connected Sencha MVC application tutorial
JavaScript Ruby
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Feedhenry Cloud connected Sencha App

A demonstration of how to write a Feedhenry Cloud connected Sencha app

Tags / Demo Script

  • v1: Boilerplate code - a perfect starting point.
  • v2: Add a simple homepage view class. Demo 'scroll: 'vertical||both', iconCls, title, and how the TabPanel works.
  • v3: Add a hardcoded list view of countries from the GeoNames API. Introduce concept of List, Store, Model.
  • v4: Introduce the cloud, and proxies. Write some cloud code to pull from the Geonames API, returning this to the client.
  • v5: Add some list features. Style the app with SASS.
  • v6: Add a wrapper around the list with a toolbar, and an itemTap listener to the list which dispatches to a controller, opening a new view with info about that country
  • v7: Add a twitter tweets list, formatted, with the cloud call to the public github API for mentions of FeedHenry

Pre-presentation todos: Close unrelated projects (open finished version). hide closed projects. && font size -> 24.

Useful Sencha Resources

Kitchen Sink Before building a Sencha UI, the best thing to get to grips with, before even the API docs, is the 'Kitchen Sink'. It shows all that is possible with Sencha in terms of UI, events and data. http://dev.sencha.com/deploy/touch/examples/kitchensink/

API documentation (very extensive & well documented. Clicking on an entries H1 title gives the code, which is full of useful comments): http://dev.sencha.com/deploy/touch/docs/

Writing performant Sencha code: http://www.slideshare.net/senchainc/optimizing-performance

Useful collection of Sencha user extensions: http://www.simoens.org/Sencha-Projects/demos/ http://www.sencha.com/forum/forumdisplay.php?58-Sencha-Touch-1.x-Examples-and-Showcases

Adding a tooltip to a Sencha Slider (form elem): http://www.devguy.org/2011/05/sencha-touch-slider-with-tooltip.html