Polymer
State of the Union
Jim Lo Scalzo/EPA/Landov
About Me
+Matthew McNulty
@mattsmcnulty
About Polymer
Polymer helps developers build
awesome applications faster.
easier
better
How awesome?
Very.
Let’s see.
Polymer mail
What is Polymer?
Polymer is a library, not a framework
for making applications out of
web components
What does Polymer do?
Polymer makes
web components
sweeter
Image:
Image:
Primitives are
primitive
Polymer does a lot that
reduces boilerplate that you
have to write
over and over and over
<polymer-is-declarative>
</polymer-is-declarative>
Polymer has an opinion
Image:
The Polymer Experiment
Er
Report Card
Ergonomics
Polymer Unified School District
Er
Report Car d
Ergonomics: A
Polymer Unified School District
Er
Report Card
Productivity
Polymer Unified School District
Er
Report Car d
Productivity: A
Polymer Unified School District
Er
Report Card
Expressiveness
Polymer Unified School District
Er
Report Card
Expressiveness: A
Polymer Unified School District
Er
Report Card
Performance
Polymer Unified School District
Er
Repor t Card
Performance: Needs Improvement
Polymer Unified School District
Er
Repor t Card
Performance: Maximum Improvement
Opportunity! ☺
Polymer Unified School District
Er
Report Card
Complexity & Payload
Polymer Unified School District
Er
Report Card
Complexity & Payload
Polymer Unified School District
Er
Repor t Card
Complexity: Needs Improvement
Polymer Unified School District
Er
Report Card
Ergonomics:
Productivity:
Expressiveness:
Performance:
Complexity:
AAA
Needs Improvement
Needs Imp...
The experiment is over.
It’s time to make Polymer
production-ready
Needs Improvement
• We took a hard look at every feature
• Improve performance and complexity
• But don’t sacrifice the...
Layering
• Refactored into layers
• Core features are fast and lean
• Advanced functionality is opt-in
• Vast majority...
Simplified Data Binding
• Optimized for performance and simplicity
• Two-way binding opt-in
• Explicit property typing ...
Leaner Polyfill for Shadow DOM
• Shadow DOM Polyfill is amazing, spec-compliant
• If we only shim features Polymer needs...
So how did we do?
Chrome
100
75
50
25
5x 0
faster Time
Safari
100
75
50
25
8x 0
faster Time
What about payload & complexity?
Payload & Complexity
87% smaller
• 15KB vs 123KB
• 6KB gzipped
About that report card…
Er
Report Card
Ergonomics:
Productivity:
Expressiveness:
Performance:
Complexity:
AAA
Improved!
Improved!
Polyme...
Nothing in life is free
• Some breaking changes
• But not that scary - not a rewrite
• A few minor version numbers’ wor...
But that’s not all…
What is Polymer?
Clean-up
• Polyfills are used by others like Brick
• Polyfills are not Polymer
• Moving to webcomponents.org
Clean-up
• Elements are made with Polymer
• Polymer is a way to use material design,
but isn’t material design
• So th...
What’s left is the core of Polymer…
And that core is production-track
Polymer Roadmap
• 0.8 - preview today
• 0.9 “beta” - Q1
• 1.0 - Q2
Who is using Polymer?
And a whole lot more…
Wrapup
Summary
• The next major version of Polymer is
coming soon
• It’s really fast
• It’s much lighter
• It’s much more mo...
Summary
• Polymer is no longer an experiment
• The Polyfills are moving to
webcomponents.org
• All the cool kids are a...
• Do nothing: Rob’s up next
• Do something: follow us @polymer
• Do something more: Polymer on github
Fin.
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
Polymer State of the Union - Chrome Dev Summit 2014
of 74

Polymer State of the Union - Chrome Dev Summit 2014

Published on: Mar 4, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - Polymer State of the Union - Chrome Dev Summit 2014

  • 1. Polymer State of the Union
  • 2. Jim Lo Scalzo/EPA/Landov
  • 3. About Me +Matthew McNulty @mattsmcnulty
  • 4. About Polymer
  • 5. Polymer helps developers build awesome applications faster. easier better
  • 6. How awesome? Very.
  • 7. Let’s see.
  • 8. Polymer mail
  • 9. What is Polymer?
  • 10. Polymer is a library, not a framework for making applications out of web components
  • 11. What does Polymer do?
  • 12. Polymer makes web components sweeter Image:
  • 13. Image: Primitives are primitive
  • 14. Polymer does a lot that reduces boilerplate that you have to write over and over and over
  • 15. <polymer-is-declarative> </polymer-is-declarative>
  • 16. Polymer has an opinion Image:
  • 17. The Polymer Experiment
  • 18. Er Report Card Ergonomics Polymer Unified School District
  • 19. Er Report Car d Ergonomics: A Polymer Unified School District
  • 20. Er Report Card Productivity Polymer Unified School District
  • 21. Er Report Car d Productivity: A Polymer Unified School District
  • 22. Er Report Card Expressiveness Polymer Unified School District
  • 23. Er Report Card Expressiveness: A Polymer Unified School District
  • 24. Er Report Card Performance Polymer Unified School District
  • 25. Er Repor t Card Performance: Needs Improvement Polymer Unified School District
  • 26. Er Repor t Card Performance: Maximum Improvement Opportunity! ☺ Polymer Unified School District
  • 27. Er Report Card Complexity & Payload Polymer Unified School District
  • 28. Er Report Card Complexity & Payload Polymer Unified School District
  • 29. Er Repor t Card Complexity: Needs Improvement Polymer Unified School District
  • 30. Er Report Card Ergonomics: Productivity: Expressiveness: Performance: Complexity: AAA Needs Improvement Needs Improvement Polymer Unified School District
  • 31. The experiment is over. It’s time to make Polymer production-ready
  • 32. Needs Improvement • We took a hard look at every feature • Improve performance and complexity • But don’t sacrifice the features developers love
  • 33. Layering • Refactored into layers • Core features are fast and lean • Advanced functionality is opt-in • Vast majority of use cases covered by base feature set
  • 34. Simplified Data Binding • Optimized for performance and simplicity • Two-way binding opt-in • Explicit property typing • Change notification uses events for interoperability
  • 35. Leaner Polyfill for Shadow DOM • Shadow DOM Polyfill is amazing, spec-compliant • If we only shim features Polymer needs, we can make it much lighter & faster
  • 36. So how did we do?
  • 37. Chrome 100 75 50 25 5x 0 faster Time
  • 38. Safari 100 75 50 25 8x 0 faster Time
  • 39. What about payload & complexity?
  • 40. Payload & Complexity 87% smaller • 15KB vs 123KB • 6KB gzipped
  • 41. About that report card…
  • 42. Er Report Card Ergonomics: Productivity: Expressiveness: Performance: Complexity: AAA Improved! Improved! Polymer Unified School District
  • 43. Nothing in life is free • Some breaking changes • But not that scary - not a rewrite • A few minor version numbers’ worth • Reflected in the new version number: 0.8 • Closer to 1.0, .3 better.
  • 44. But that’s not all…
  • 45. What is Polymer?
  • 46. Clean-up • Polyfills are used by others like Brick • Polyfills are not Polymer • Moving to webcomponents.org
  • 47. Clean-up • Elements are made with Polymer • Polymer is a way to use material design, but isn’t material design • So they are getting their own website section
  • 48. What’s left is the core of Polymer…
  • 49. And that core is production-track
  • 50. Polymer Roadmap • 0.8 - preview today • 0.9 “beta” - Q1 • 1.0 - Q2
  • 51. Who is using Polymer?
  • 52. And a whole lot more…
  • 53. Wrapup
  • 54. Summary • The next major version of Polymer is coming soon • It’s really fast • It’s much lighter • It’s much more modular
  • 55. Summary • Polymer is no longer an experiment • The Polyfills are moving to webcomponents.org • All the cool kids are already using it • You should too - Rob will show you how
  • 56. • Do nothing: Rob’s up next • Do something: follow us @polymer • Do something more: Polymer on github
  • 57. Fin.

Related Documents