Ember in 2018

This talk looks at the new features in Ember and the steps needed to use them in your apps today.

This talk was given at the Silicon Valley Ember meetup at LinkedIn.

Transcript

1. Ember in 2018 Ryan Tablada
2. Not a Talk About Glimmer
5. But...
6. Documentation
8. Knowing the Beta/Canary Branches and Lifecycle
9. Existing Apps?
10. How To Get Up To Date!
11. Ember CLI Update
13. Step 1. Update Ember CLI!
14. yarn global upgrade ember-cli@latest
15. Step 2. Run ember new
16. Step 3. Optional Features
17. ember install @ember/optional-features
18. ember feature:enable template-only-glimmer- components
19. ember feature:disable application-template-wrapper
20. Features • Module Imports @ember/controller • @arguments in Components • New Testing • Native ES5 Getters (no more Ember.get) • Removed Application Template Wrapper • No jQuery* • Template Only Components*
22. Template Only Components Must be "Logic-Less"
23. No mut helper No "local" properties
24. ES6 Classes
25. No Actions No True Computed Properties (with tracking) No Injecting (services, controllers, etc)
26. Solution
27. Ember Decorators Addon
28. Ember CLI Typescript Addon
29. Beta Features
30. Install yarn add --dev ember-source@~3.2.0-beta.2
31. Beta Features • Template Block let helper
32. Canary
33. yarn add --dev https://s3.amazonaws.com/ builds.emberjs.com/canary/shas/ 470dddb9bbea32f0bf71219740b22c8dc8ecf68d.tgz
34. https://emberjs.com/builds/canary/
35. Canary Features • Custom Component Manager • Module Unification
36. Glimmer Components!
37. ember-glimmer-component
38. Module Unification
39. ember-module-migrator
40. ember init -b ember-module-unification-blueprint
42. Future
43. Future • Fastboot Rehydration ! (" #) • Async Rendering $ • Tracked Properties Without % • Angle Bracket Components & ' • WASM / ASM ( • Rollup Bundles/Tree Shaking ) • Named Blocks * (RFC 317)
44. See it in action!
45. I have seen the future!
46. So can you!
48. Never AGAIN!
49. Code Github