Power Up Your Productivity with Ember & EmberCLI

Learn about the 4 weird tricks Ember and EmberCLI use to boost your productivity while building applications for the web.

Presented at Code Europe 2017 at Krakow, Poland and Warsaw, Poland. Duration: 15 min.

Transcript

1. EMBER & EMBER CLI POWER UP YOUR PRODUCTIVITY WITH @JJORDAN_DEV
3. WHAT MAKES US PRODUCTIVE BUT EVEN IF WE TRY OUR BEST…
4. WHAT MAKES US PRODUCTIVE …OUR EFFORTS TO SHIP FAST CAN BE HINDERED REWRITING CODE AS THE APP SCALES REWRITING CODE WHILE UPGRADING (OR REWRITING THE WHOLE APP) DISCUSSING TRIVIAL DETAILS WITH THE TEAM (“BIKE SHEDDING”) FIXING BUGS
5. 4 WEIRD TRICKS
6. 4 WEIRD TRICKS USE TO BOOST YOUR PRODUCTIVITY +
7. SCALING YOUR APPS WITH EASE #1
9. SCALING YOUR APPS WITH EASE ANYTHING YOU NEED TO BUILD YOUR AMBITIOUS WEB APP https://guides.emberjs.com/v2.17.0/getting-started/core-concepts/
10. SCALING YOUR APPS WITH EASE ANYTHING YOU NEED TO BUILD YOUR AMBITIOUS WEB APP https://guides.emberjs.com/v2.17.0/getting-started/core-concepts/
11. SCALING YOUR APPS WITH EASE ANYTHING YOU NEED TO BUILD YOUR AMBITIOUS WEB APP https://guides.emberjs.com/v2.17.0/getting-started/core-concepts/
12. SCALING YOUR APPS WITH EASE ANYTHING YOU NEED TO BUILD YOUR AMBITIOUS WEB APP https://guides.emberjs.com/v2.17.0/getting-started/core-concepts/
13. SCALING YOUR APPS WITH EASE ANYTHING YOU NEED TO BUILD YOUR AMBITIOUS WEB APP https://guides.emberjs.com/v2.17.0/getting-started/core-concepts/
14. ONE UI LIBRARY
15. ONE UI LIBRARY, ONE ROUTER
16. ONE UI LIBRARY, ONE ROUTER, ONE DATA LAYER
17. ONE UI LIBRARY, ONE ROUTER, ONE DATA LAYER TO RULE THEM ALL
18. ONE UI LIBRARY, ONE ROUTER, ONE DATA LAYER TO RULE THEM ALL
19. #2 CONVENTION OVER CONFIGURATION
20. CONVENTION OVER CONFIGURATION ! src/ ├── components │ ├── map-component.js │ ├── list-component.js │ └── button-component.js // src/components/map-component.js /* some templating stuff */ /* some JavaScript stuff */ /* export the component */
21. CONVENTION OVER CONFIGURATION !" I believe we can improve this…
22. CONVENTION OVER CONFIGURATION ! src/ ├── components │ ├── map-component.js │ ├── list-component.js │ └── button-component.js │ ├── templating-stuff │ ├── map-component.js │ ├── list-component.js │ └── button-component.js " // src/components/map-component.js import template from ‘../templating-stuff/map-component.js`; /* some JavaScript stuff */ /* export the component */ OK, Yeah, why not?
23. CONVENTION OVER CONFIGURATION ! src/ ├── components │ ├── map-component.js │ ├── list-component.js │ └── button-component.js │ ├── templating-stuff │ ├── map-component.js │ ├── list-component.js │ └── button-component.js │ ├── other-component-stuff │ ├── map-component-2.js │ └── map-component-2-template.js " # OK, We have a custom convention for that… OK, Oops, sorry, already pushed to prod…✨
24. CONVENTION OVER CONFIGURATION !" #% Where do we put the custom stuff again? Those should be in… No, they go into… Why not rewrite everything?
25. CONVENTION OVER CONFIGURATION BIKESHEDDING DISCUSSIONS CAN COST PRODUCTIVE TIME See also Jimmy Bogard’s talk on bike shedding @DevConf PL https://www.youtube.com/watch?v=DD1hGmomJws
26. CONVENTION OVER CONFIGURATION DOCUMENTED NAMING CONVENTION ember new my-app my-app/app/ ├── app.js ├── components ├── controllers ├── helpers ├── index.html ├── models ├── resolver.js ├── router.js ├── routes ├── styles │ └── app.css └── templates ├── application.hbs └── components
27. CONVENTION OVER CONFIGURATION CLI-DRIVEN SCAFFOLDING SPREADING TO OTHER FRAMEWORKS w/ Ember since v1.11.0 - 28/03/2015 Ember CLI fork; v1.0.0 - 24/03/2017 standalone and built-in to React Native
28. #3 UPGRADING & SEMVER
29. UPGRADING & SEMANTIC VERSIONING
30. UPGRADING & SEMANTIC VERSIONING STABILITY WITHOUT STAGNATION
31. UPGRADING & SEMANTIC VERSIONING STABILITY WITHOUT STAGNATION Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
32. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
33. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
34. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
35. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
36. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
37. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
38. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
39. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES AND LTS BACKWARDS COMPATIBILITY Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
40. UPGRADING & SEMANTIC VERSIONING BREAK-FREE UPGRADES AND LTS BACKWARDS COMPATIBILITY Matthew Beale, Yehuda Katz, Godfrey Chan - “Announcing Ember's First LTS Release” https://www.emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html
41. #4 PREVENTING BUGS THROUGH TESTING
42. “TESTING AGAINST TIME” CHECK OUT THE RECORDING @CODE_EUROPE
43. BARDZO DZIĘKUJĘ! @JESSICA-JORDAN @JJORDAN_DEV