Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Polymer in the Real Life - Devoxx Fr 2016

Polymer in the Real Life - Devoxx Fr 2016

Horacio Gonzalez

April 21, 2016
Tweet

More Decks by Horacio Gonzalez

Other Decks in Technology

Transcript

  1. #DevoxxFR Until early this year... Warp 10 went open source

    in January 2016! Image: FlickrHivemind
  2. #DevoxxFR A software platform that • Ingests and stores data

    • Manipulates and analyzes data • Is dedicated to data from sensors, meters, IoT and any real or virtual probe Warp 10
  3. #DevoxxFR So now at last I can say it Polymer

    *really* works in real life
  4. #DevoxxFR Polymer Lets you build encapsulated, re-usable elements that work

    just like HTML elements, to use in building web applications.
  5. #DevoxxFR But it wasn't in 2014 We put our first

    Polymer app in production on 2014 with Polymer 0.4 Full story: http://blog.cityzendata.com/2015/02/07/behind-CES-colors/
  6. #DevoxxFR CES colors was quite a challenge And it worked!

    • Technology wasn't mature and changed quickly ◦ We followed the evolution and updated the app often • Cross-browsing rendering and full responsiveness needed ◦ On computer & smartphone, Android & iPhone… • Rich graphic components using canvas et SVG ◦ First experience integrating libraries in Polymer
  7. #DevoxxFR Quantum is a complete application • Write and execute

    WarpScript scripts, plot results ◦ Integrating non Polymer libraries : nvd3, ace editor… ◦ Many custom components • Several vues to execute WarpScript and to push and delete data ◦ A router is needed ▪ At first page.js was encapsulated in a Polymer element ▪ Then we changed to excess-router, done with Polymer ▪ Soon changing aghain for the official solution, carbon-route • Lots of components, lots of imports ◦ Vulcanize used to build the releases ◦ Sharding used to avoid monolithic approach and to make easier element re-use
  8. #DevoxxFR Functionally rich • Widget must be integrable everywhere ◦

    From full Polymer apps to plain old static pages, from AngularJS to ReactJS ◦ Even in Apache Zeppelin notebooks (B.O.F. RiakTS/WarpScript on thursday evening) ◦ Any modern browser, with reasonable performances • Several modes ◦ Either sending WarpScript to a Warp 10 to get data or Receiving data from other components / applications ◦ • Lots of components, lots of imports ◦ Vulcanize used to build the releases ◦ Sharding used to avoid monolithic approach and to make easier element re-use
  9. #DevoxxFR Widgets, apps, one shots And a beer-themed tutorial: Polymer-beers

    I've just done a hands-on lab on Polymer-beers this afternoon
  10. #DevoxxFR Polymer Chrome WebComponents are native (and blazing fast!) in

    Chrome And in a few years, it will be native everywhere!
  11. #DevoxxFR HTML Imports and polyfill When imports aren't native, they

    are polyfilled And performance dies... Image: Wilko.com
  12. #DevoxxFR Vulcanize! Vulcanize follows HTML Imports and <script> tags to

    inline these external assets into a single page
  13. #DevoxxFR Lazy loading Already possible with lazyRegister setting It will

    be more central in next versions Image: rossdouglas.co.uk