2. Polymer
State of the Union

3. Jim Lo Scalzo/EPA/Landov

4. About Me
+Matthew McNulty
@mattsmcnulty

5. About Polymer

6. Polymer helps developers build
awesome applications faster.
easier
better

7. How awesome?
Very.

8. Let’s see.

9. Polymer mail

10. What is Polymer?

11. Polymer is a library, not a framework
for making applications out of
web components

12. What does Polymer do?

13. Polymer makes
web components
sweeter
Image:

14. Image:
Primitives are
primitive

15. Polymer does a lot that
reduces boilerplate that you
have to write
over and over and over

16. <polymer-is-declarative>
</polymer-is-declarative>

17. Polymer has an opinion
Image:

19. The Polymer Experiment

20. Er
Report Card
Ergonomics
Polymer Unified School District

21. Er
Report Car d
Ergonomics: A
Polymer Unified School District

22. Er
Report Card
Productivity
Polymer Unified School District

23. Er
Report Car d
Productivity: A
Polymer Unified School District

24. Er
Report Card
Expressiveness
Polymer Unified School District

25. Er
Report Card
Expressiveness: A
Polymer Unified School District

26. Er
Report Card
Performance
Polymer Unified School District

27. Er
Repor t Card
Performance: Needs Improvement
Polymer Unified School District

28. Er
Repor t Card
Performance: Maximum Improvement
Opportunity! ☺
Polymer Unified School District

29. Er
Report Card
Complexity & Payload
Polymer Unified School District

30. Er
Report Card
Complexity & Payload
Polymer Unified School District

31. Er
Repor t Card
Complexity: Needs Improvement
Polymer Unified School District

32. Er
Report Card
Ergonomics:
Productivity:
Expressiveness:
Performance:
Complexity:
AAA
Needs Improvement
Needs Improvement
Polymer Unified School District

34. The experiment is over.
It’s time to make Polymer
production-ready

35. Needs Improvement
• We took a hard look at every feature
• Improve performance and complexity
• But don’t sacrifice the features
developers love

36. 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

37. Simplified Data Binding
• Optimized for performance and simplicity
• Two-way binding opt-in
• Explicit property typing
• Change notification uses events for
interoperability

38. 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

39. So how did we do?

40. Chrome
100
75
50
25
5x 0
faster Time

41. Safari
100
75
50
25
8x 0
faster Time

42. What about payload & complexity?

43. Payload & Complexity
87% smaller
• 15KB vs 123KB
• 6KB gzipped

48. About that report card…

49. Er
Report Card
Ergonomics:
Productivity:
Expressiveness:
Performance:
Complexity:
AAA
Improved!
Improved!
Polymer Unified School District

50. 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.

51. But that’s not all…

52. What is Polymer?

53. Clean-up
• Polyfills are used by others like Brick
• Polyfills are not Polymer
• Moving to webcomponents.org

54. 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

55. What’s left is the core of Polymer…

56. And that core is production-track

57. Polymer Roadmap
• 0.8 - preview today
• 0.9 “beta” - Q1
• 1.0 - Q2

58. Who is using Polymer?

69. And a whole lot more…

70. Wrapup

71. Summary
• The next major version of Polymer is
coming soon
• It’s really fast
• It’s much lighter
• It’s much more modular

72. 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

73. • Do nothing: Rob’s up next
• Do something: follow us @polymer
• Do something more: Polymer on github

74. Fin.