Difference between revisions of "New JavaScript framework"

From WebOS-Ports
Jump to navigation Jump to search
(Final Decision)
Line 41: Line 41:
[https://luneos-list.firebaseapp.com/ Polymer]
[https://luneos-list.firebaseapp.com/ Polymer]
[https://gitlab.com/michaelriezler/polymer-list-demo.git source code]
[https://gitlab.com/michaelriezler/polymer-list-demo.git source code]
== Final Decision: Web Components & Polymer ==

Latest revision as of 06: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


Angular 2 source code

Ember source code

Polymer source code

Final Decision: Web Components & Polymer