Difference between revisions of "New JavaScript framework"

From WebOS-Ports
Jump to navigation Jump to search
m (esc key = back gesture)
(Final Decision)
 
(9 intermediate revisions by the same user not shown)
Line 16: Line 16:
  
 
* a single app is usable on both phone- and tablet-sized screens
 
* a single app is usable on both phone- and tablet-sized screens
* a layout widget to organize multiple panes, like Enyo Panels, but possibly behaving differently
+
* a layout widget [or CSS & JS] to organize multiple panes, like Enyo Panels, but possibly behaving differently
 
* a list with 500 items (data can be mocked)
 
* a list with 500 items (data can be mocked)
 
* whose items can be swiped left or right
 
* whose items can be swiped left or right
* and whose items can be rearranged by dragging
+
* and whose items can be rearranged by dragging [not absolutely required]
  
 
For a demo of Enyo Panels, see  
 
For a demo of Enyo Panels, see  
Line 27: Line 27:
 
Perhaps the app that best demonstrates the look and feel of LuneOS is Contacts, which can be seen on the web at  
 
Perhaps the app that best demonstrates the look and feel of LuneOS is Contacts, which can be seen on the web at  
 
https://hominidsoftware.com/Contacts/
 
https://hominidsoftware.com/Contacts/
(Use the escape key in place of the back gesture.)
+
(Use the escape key in place of the back gesture, and compare the layout on phone-size vs. tablet-size windows.)
  
Submission should be made by posting the link to the luneos-dev mailing list: http://lists.webos-ports.org/mailman/listinfo/luneos-dev
+
To submit, make your demo and source code visible from public URLs and post the links to the luneos-dev mailing list (or ask a friend on the list): http://lists.webos-ports.org/mailman/listinfo/luneos-dev
 +
 
 +
=== Candidates ===
 +
 
 +
[http://ng2-enyo.choorp.com/ Angular 2]
 +
[https://github.com/choorp/angular2-luneos-demo source code]
 +
 
 +
[https://ember-demo.surge.sh/ Ember]
 +
[https://github.com/DougReeder/beta-list source code]
 +
 
 +
[https://luneos-list.firebaseapp.com/ Polymer]
 +
[https://gitlab.com/michaelriezler/polymer-list-demo.git source code]
 +
 
 +
 
 +
== Final Decision: Web Components & Polymer ==

Latest revision as of 07:32, 25 September 2017

Required Framework Characteristics

  • Emphasizes development of large, sophisticated apps
  • Responsive, touch-friendly widgets
  • Widget creation is quick on current mobile hardware (for transitions)
  • Supports 60 fps animation on current mobile hardware
  • Will continue to be maintained if one major corporate backer changes direction


Candidate demo apps

Demos apps need to show the "feel" of webOS (but not the look, at this point). Specifically:

  • a single app is usable on both phone- and tablet-sized screens
  • a layout widget [or CSS & JS] to organize multiple panes, like Enyo Panels, but possibly behaving differently
  • a list with 500 items (data can be mocked)
  • whose items can be swiped left or right
  • and whose items can be rearranged by dragging [not absolutely required]

For a demo of Enyo Panels, see http://enyojs.com/sampler/latest/layout/index.html#PanelsSample , particularly the CollapsingArranger.

Perhaps the app that best demonstrates the look and feel of LuneOS is Contacts, which can be seen on the web at https://hominidsoftware.com/Contacts/ (Use the escape key in place of the back gesture, and compare the layout on phone-size vs. tablet-size windows.)

To submit, make your demo and source code visible from public URLs and post the links to the luneos-dev mailing list (or ask a friend on the list): http://lists.webos-ports.org/mailman/listinfo/luneos-dev

Candidates

Angular 2 source code

Ember source code

Polymer source code


Final Decision: Web Components & Polymer