From 3dcb1307d253e40b96f5c826d70028afcd0e50d4 Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Wed, 4 Sep 2019 09:19:52 +0200 Subject: [PATCH 01/47] blog(embertimes#octane-special): add template --- .../2019-12-20-the-ember-times-issue-129.md | 2 +- .../2020-01-10-the-ember-times-issue-130.md | 138 ++++++++++++++++++ 2 files changed, 139 insertions(+), 1 deletion(-) create mode 100644 source/2020-01-10-the-ember-times-issue-130.md diff --git a/source/2019-12-20-the-ember-times-issue-129.md b/source/2019-12-20-the-ember-times-issue-129.md index b82e2434b..6bcc718a5 100644 --- a/source/2019-12-20-the-ember-times-issue-129.md +++ b/source/2019-12-20-the-ember-times-issue-129.md @@ -1,7 +1,7 @@ --- title: The Ember Times - Issue No. 129 author: Chris Ng, Amy Lam, Isaac Lee, Godfrey Chan, Jessica Jordan -tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2019 +tags: Newsletter, Ember.js Times, Ember Times, 2019 alias : "blog/2019/12/20-the-ember-times-issue-129.html" responsive: true --- diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md new file mode 100644 index 000000000..c1878ce1d --- /dev/null +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -0,0 +1,138 @@ +--- +title: The Ember Times - Issue No. 130 +author: the crowd +tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 +alias : "blog/2020/xx/xx-the-ember-times-issue-XXX.html" +responsive: true +--- + +Happy New Year, Emberistas! 🐹 + + +This week, we have an **Ember Octane Special Edition** for you! + +READMORE + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Section Title in Title Case 🐹](#section-url) + + + + + + + +--- + +## [Contributors' Corner 👏](https://guides.emberjs.com/release/contributing/repositories/) + +

This week we'd like to thank our siblings for their contributions to Ember and related repositories! 💖

+ +--- + +## [Got a Question? Ask Readers' Questions! 🤓](https://docs.google.com/forms/d/e/1FAIpQLScqu7Lw_9cIkRtAiXKitgkAo4xX_pV1pdCfMJgIr6Py1V-9Og/viewform) + +
+ Office Hours Tomster Mascot + +

Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don't know where to ask? Readers’ Questions are just for you!

+ +

Submit your own short and sweet question under bit.ly/ask-ember-core. And don’t worry, there are no silly questions, we appreciate them all - promise! 🤞

+
+ +--- + +## [#embertimes 📰](https://blog.emberjs.com/tags/newsletter.html) + +Want to write for the Ember Times? Have a suggestion for next week's issue? Join us at [#support-ember-times](https://discordapp.com/channels/480462759797063690/485450546887786506) on the [Ember Community Discord](https://discordapp.com/invite/zT3asNS) or ping us [@embertimes](https://twitter.com/embertimes) on Twitter. + +Keep on top of what's been going on in Emberland this week by subscribing to our [e-mail newsletter](https://the-emberjs-times.ongoodbits.com/)! You can also find our posts on the [Ember blog](https://emberjs.com/blog/tags/newsletter.html). + +--- + +That's another wrap! ✨ + +Be kind, + +the crowd and the Learning Team From 53f858896726a827506d7a4000b57040067a016c Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Mon, 6 Jan 2020 14:16:19 +0100 Subject: [PATCH 02/47] blog(embertimes#130): add learning resources writeup --- .../2020-01-10-the-ember-times-issue-130.md | 25 +++++++++++++++---- 1 file changed, 20 insertions(+), 5 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index c1878ce1d..48813e359 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -95,13 +95,28 @@ READMORE --- -## [Section Title in Title Case 🐹](#section-url) +## [Where Can I Learn More? 🤓]((https://guides.emberjs.com/release/) - - +If you want to try out Ember Octane, you might want to learn more about how to use the new APIs and about best practices for +building modern Ember apps. In this regard we highly recommend the following learning resources to you. - - +### Getting Started + +- [The official documentation - Ember.js Guides](https://guides.emberjs.com/release/) +- [The official beginner's tutorial - Build the Super Rentals app](https://guides.emberjs.com/release/tutorial/part-1/) +- [The official API reference - Ember.js API Docs](https://api.emberjs.com/ember/release) + +### Octane Core Concepts + +- Octane Core Concepts Blog Series by [Chris Garrett (@pzuraq)](https://github.com/pzuraq): [Part 1](https://blog.emberjs.com/2019/02/11/coming-soon-in-ember-octane-part-1.html), [Part 2](https://blog.emberjs.com/2019/02/19/coming-soon-in-ember-octane-part-2.html), [Part 3](https://blog.emberjs.com/2019/02/26/coming-soon-in-ember-octane-part-3.html), [Part 4](https://blog.emberjs.com/2019/03/06/coming-soon-in-ember-octane-part-4.html) and [Part 5](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) +- [Most Common Mistakes Using Octane and How to Avoid Them](https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423) by [Jen Weber (@jenweber)](https://github.com/jenweber) +- [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) +- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) + +### Migrating Ember Apps + +- [Rewriting Apps in Ember Octane](https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2) +- [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) --- From 1b29cc41ef3fe1a492ccd8afbfd2cec0594b994f Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Mon, 6 Jan 2020 19:15:31 +0100 Subject: [PATCH 03/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 48813e359..ee7260ca7 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -97,7 +97,7 @@ READMORE ## [Where Can I Learn More? 🤓]((https://guides.emberjs.com/release/) -If you want to try out Ember Octane, you might want to learn more about how to use the new APIs and about best practices for +If you want to try out Ember Octane, you might want to learn more about the new APIs and best practices for building modern Ember apps. In this regard we highly recommend the following learning resources to you. ### Getting Started From 33f23d2518dcbe5fcf2d44af59d8b007bc27709c Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Mon, 6 Jan 2020 19:15:52 +0100 Subject: [PATCH 04/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index ee7260ca7..d03f189bb 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -108,7 +108,12 @@ building modern Ember apps. In this regard we highly recommend the following lea ### Octane Core Concepts -- Octane Core Concepts Blog Series by [Chris Garrett (@pzuraq)](https://github.com/pzuraq): [Part 1](https://blog.emberjs.com/2019/02/11/coming-soon-in-ember-octane-part-1.html), [Part 2](https://blog.emberjs.com/2019/02/19/coming-soon-in-ember-octane-part-2.html), [Part 3](https://blog.emberjs.com/2019/02/26/coming-soon-in-ember-octane-part-3.html), [Part 4](https://blog.emberjs.com/2019/03/06/coming-soon-in-ember-octane-part-4.html) and [Part 5](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) +- Octane Core Concepts Blog Series by [Chris Garrett (@pzuraq)](https://github.com/pzuraq) + - [Part 1: Native Classes](https://blog.emberjs.com/2019/02/11/coming-soon-in-ember-octane-part-1.html) + - [Part 2: Angle Brackets & Named Arguments](https://blog.emberjs.com/2019/02/19/coming-soon-in-ember-octane-part-2.html) + - [Part 3: Tracked Properties](https://blog.emberjs.com/2019/02/26/coming-soon-in-ember-octane-part-3.html) + - [Part 4: Modifiers](https://blog.emberjs.com/2019/03/06/coming-soon-in-ember-octane-part-4.html) + - [Part 5: Glimmer Components](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) - [Most Common Mistakes Using Octane and How to Avoid Them](https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423) by [Jen Weber (@jenweber)](https://github.com/jenweber) - [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) - [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) From 706f3acd3d7d31a9b4feb7ff20ebba81044967eb Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Mon, 6 Jan 2020 19:16:43 +0100 Subject: [PATCH 05/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index d03f189bb..ea54fbfcc 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -95,7 +95,7 @@ READMORE --- -## [Where Can I Learn More? 🤓]((https://guides.emberjs.com/release/) +## [Where Can I Learn More? 🤓](https://guides.emberjs.com/release/) If you want to try out Ember Octane, you might want to learn more about the new APIs and best practices for building modern Ember apps. In this regard we highly recommend the following learning resources to you. From f49c5522c840431989848be14f3d1090558332c6 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Wed, 8 Jan 2020 19:54:05 +0100 Subject: [PATCH 06/47] Octane at EmberConf --- source/2020-01-10-the-ember-times-issue-130.md | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index ea54fbfcc..315663657 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 130 -author: the crowd +author: Jessica Jordan, Anne-Greeth van Herwijnen, the crowd tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/xx/xx-the-ember-times-issue-XXX.html" responsive: true @@ -85,13 +85,11 @@ READMORE --- -## [Section Title in Title Case 🐹](#section-url) - +## [Octane at EmberConf 2020 📢](https://emberconf.com) +With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). +If you want to hear [people](https://emberconf.com/#/speakers) talk about Octane or talk with people about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks about Octane by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and probably some others. +It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information check the [website](https://emberconf.com) or join the #ember-conf channel on Discord. - - - - --- @@ -155,4 +153,4 @@ That's another wrap! ✨ Be kind, -the crowd and the Learning Team +Jessica Jordan, Anne-Greeth van Herwijnen, the crowd and the Learning Team From 9a0531de389e55b122b42d61e53870fa58d2505f Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Thu, 9 Jan 2020 21:51:15 +0100 Subject: [PATCH 07/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 315663657..ecbfe4a46 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -86,6 +86,7 @@ READMORE --- ## [Octane at EmberConf 2020 📢](https://emberconf.com) + With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). If you want to hear [people](https://emberconf.com/#/speakers) talk about Octane or talk with people about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks about Octane by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and probably some others. It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information check the [website](https://emberconf.com) or join the #ember-conf channel on Discord. From 133e01132f18a5a3d4f18eead36ea73a4a6980ed Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Thu, 9 Jan 2020 19:18:17 -0500 Subject: [PATCH 08/47] blog(octanespecial): how to migrate to octane (#480) * blog(octanespecial): how to migrate to octane * Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Jessica Jordan * Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Jessica Jordan Co-authored-by: Jessica Jordan --- .../2020-01-10-the-ember-times-issue-130.md | 29 ++++++++++++++----- 1 file changed, 22 insertions(+), 7 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index ea54fbfcc..88d73cb88 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 130 -author: the crowd +author: Chris Ng, the crowd tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/xx/xx-the-ember-times-issue-XXX.html" responsive: true @@ -12,6 +12,7 @@ Happy New Year, Emberistas! 🐹 This week, we have an **Ember Octane Special Edition** for you! READMORE +How to migrate to Ember Octane 🐹🏗️, --- @@ -45,13 +46,27 @@ READMORE --- -## [Section Title in Title Case 🐹](#section-url) +## [How to migrate to Octane 🐹🏗️](https://guides.emberjs.com/release/upgrading/current-edition/) - - + +Ember Octane represents a big shift in Ember's syntax, features, and mental models. There is, however, no need for a stop-the-world migration, Octane provides an opt-in method of migration where you can apply each core feature enhancement incrementally. - - +If you are migrating an existing Ember application to Octane we have an excellent list of resources to help you out: + +- [The Ember Guides: Octane Update Guide](https://guides.emberjs.com/release/upgrading/current-edition/) +- [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) +- [Ember Atlas Recommended Migration Order](https://www.notion.so/Atlas-Recommended-Migration-Order-a22f948a7cce4e01896d674f727bee74) + +Whatever you end up doing, you won’t have to do it alone as members of the community have generously contributed [numerous codemods](https://github.com/ember-codemods) to help us to migrate efficiently. + +- [Angle Brackets Codemod](https://github.com/ember-codemods/ember-angle-brackets-codemod) +- [Tracked Properties Codemod](https://github.com/ember-codemods/ember-tracked-properties-codemod) +- [Native Class Codemod](https://github.com/ember-codemods/ember-native-class-codemod) +- [No Implicit This or {{foo}} to {{this.foo}} Codemod](https://github.com/ember-codemods/ember-no-implicit-this-codemod) +- [ES5 Getter Setter Codemod](https://github.com/ember-codemods/es5-getter-ember-codemod) +- [Template Colocation Migrator](https://github.com/ember-codemods/ember-component-template-colocation-migrator) + +If you need help along the way, visit the [Ember Community chat and forums](https://emberjs.com/community/). --- @@ -155,4 +170,4 @@ That's another wrap! ✨ Be kind, -the crowd and the Learning Team +Chris Ng, the crowd and the Learning Team From 33038a548e6723d29d5dc28436ceb0b1977dbc26 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 14:08:07 +0100 Subject: [PATCH 09/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index ecbfe4a46..d5896c21d 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -88,7 +88,7 @@ READMORE ## [Octane at EmberConf 2020 📢](https://emberconf.com) With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). -If you want to hear [people](https://emberconf.com/#/speakers) talk about Octane or talk with people about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks about Octane by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and probably some others. +If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information check the [website](https://emberconf.com) or join the #ember-conf channel on Discord. From 6003a615fa24e9e5dc1872cb63af265f77fabd20 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 14:08:23 +0100 Subject: [PATCH 10/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index d5896c21d..9b337bff0 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -89,7 +89,7 @@ READMORE With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. -It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information check the [website](https://emberconf.com) or join the #ember-conf channel on Discord. +It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. --- From ec56e9f07c60deb1059fdebca25be6d5e8bf5cc2 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 14:09:08 +0100 Subject: [PATCH 11/47] Update according to Isaac's feedback --- source/2020-01-10-the-ember-times-issue-130.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 9b337bff0..3d31e4f65 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -88,9 +88,10 @@ READMORE ## [Octane at EmberConf 2020 📢](https://emberconf.com) With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). + If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. + It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. - --- From 8620c135ff4f0e2d6730afe16ea5ea034b91213f Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 10:14:01 -0600 Subject: [PATCH 12/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 5f8e43b25..8e675f884 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -106,7 +106,7 @@ With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) rel If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. -It’s of course also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. +It’s also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. --- From 7c75df589b8c79c5652dca67ab96debcd3abc150 Mon Sep 17 00:00:00 2001 From: Alon Bukai Date: Fri, 10 Jan 2020 19:43:33 +0200 Subject: [PATCH 13/47] Add section on Atlas - Unfinished --- source/2020-01-10-the-ember-times-issue-130.md | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 88d73cb88..11e8eda2c 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 130 -author: Chris Ng, the crowd +author: Chris Ng, Alon Bukai, the crowd tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/xx/xx-the-ember-times-issue-XXX.html" responsive: true @@ -13,6 +13,7 @@ This week, we have an **Ember Octane Special Edition** for you! READMORE How to migrate to Ember Octane 🐹🏗️, +Conquer Octane with The Ember Atlas 🗺🌍 --- @@ -70,9 +71,17 @@ If you need help along the way, visit the [Ember Community chat and forums](http --- -## [Section Title in Title Case 🐹](#section-url) +## [The Ember Atlas 🗺](https://www.notion.so/The-Ember-Atlas-4094f81c86c34badb4a562ed29414ae1) - +The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. + +To get started it is recommended to read the [Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) which explains what The Ember Atlas is. + +Of particular interest today is the [Ember Octane Upgrade Guide](https://www.notion.so/Ember-Octane-b8ad64b7adf74218942fc69ead7b6892). This section includes information to help Ember developers upgrade from Classic apps/addons to Octane ones. + +Some notable parts of the upgrade guide: + +- .... Need to finish @@ -170,4 +179,4 @@ That's another wrap! ✨ Be kind, -Chris Ng, the crowd and the Learning Team +Chris Ng, Alon Bukai, the crowd and the Learning Team From c69120f1f4ae766ed5815537f53e03494bf1ac39 Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 13:24:27 -0500 Subject: [PATCH 14/47] add octane community feedback --- .../2020-01-10-the-ember-times-issue-130.md | 26 +++++++++++++++---- 1 file changed, 21 insertions(+), 5 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 8e675f884..3e739f9de 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -36,13 +36,29 @@ How to migrate to Ember Octane 🐹🏗️, --- -## [Section Title in Title Case 🐹](#section-url) +## [Community Feedback 👏](https://www.outdoorsy.com) - - +Wondering about who has been using Ember Octane features in production? - - +We’ll spend some time over the next several issues focusing on projects and teams who are using Ember Octane in their apps. + +Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer marketplace that connects RV and camper van owners with campers encouraging them to get into the great outdoors. Outdoorsy maintains three large-scale Ember apps for their flagship web product. + +The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. On the subject [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-end Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt out entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." + +Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience given that the app was written over the last 4 years or so in classic Ember style, and it is large enough that it has a team of 26 developers working on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. + +As with any upgrade of an app this size, there were pain points, but the Outdoorsy team took advantage of the opportunity of being together at their fall engineering summit (the team is distributed, and many work remotely) to tackle the upgrade over the course of a week. + +The new Octane syntax took a bit of getting used to, particularly around how to make use of tracked properties in place of computed properties, but the team is enjoying using the new auto-tracking system and class based components in many places throughout the application, and plans on incrementally updating all of their components over time. + +Almost all new work that gets done on the application is written with Glimmer components and in a clean and idiomatic Ember Octane way. + +One of the biggest benefits the Outdoorsy team has experienced as a result of the Ember Octane upgrade is a simplified mental model of how Ember works and improved code readability and easier reasoning about what context state is derived from. Not having to reference several files just to determine where a property is initially defined is definitely a boon to developer productivity. + +It’s great to hear that Octane is working really well in a production application at the scale and complexity of Outdoorsy’s. + +We know there are lots of other great examples of Octane being used in the wild. If you’d like to share your experiences, please feel to reach out to the Ember Times team. --- From 080fc97a346d00d61e071d3bee513286095cbd70 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 10:31:34 -0800 Subject: [PATCH 15/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 59db570ea..27b8b28ca 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -74,7 +74,7 @@ If you need help along the way, visit the [Ember Community chat and forums](http --- -## [The Ember Atlas 🗺](https://www.notion.so/The-Ember-Atlas-4094f81c86c34badb4a562ed29414ae1) +## [The Ember Atlas 🗺](http://emberatlas.com) The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. From ee38ce26d8e835678eac2fe21245c09335fb01ab Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 13:32:17 -0500 Subject: [PATCH 16/47] fix alex lint / typo --- source/2020-01-10-the-ember-times-issue-130.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 3e739f9de..93dff1074 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -44,7 +44,7 @@ We’ll spend some time over the next several issues focusing on projects and te Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer marketplace that connects RV and camper van owners with campers encouraging them to get into the great outdoors. Outdoorsy maintains three large-scale Ember apps for their flagship web product. -The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. On the subject [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-end Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt out entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." +The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. On the subject [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-end Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience given that the app was written over the last 4 years or so in classic Ember style, and it is large enough that it has a team of 26 developers working on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. @@ -53,8 +53,8 @@ As with any upgrade of an app this size, there were pain points, but the Outdoor The new Octane syntax took a bit of getting used to, particularly around how to make use of tracked properties in place of computed properties, but the team is enjoying using the new auto-tracking system and class based components in many places throughout the application, and plans on incrementally updating all of their components over time. Almost all new work that gets done on the application is written with Glimmer components and in a clean and idiomatic Ember Octane way. - -One of the biggest benefits the Outdoorsy team has experienced as a result of the Ember Octane upgrade is a simplified mental model of how Ember works and improved code readability and easier reasoning about what context state is derived from. Not having to reference several files just to determine where a property is initially defined is definitely a boon to developer productivity. + +One of the biggest benefits the Outdoorsy team has experienced as a result of the Ember Octane upgrade is a simplified mental model of how Ember works and improved code readability and easier reasoning about what context state is derived from. Not having to reference several files to determine where a property is initially defined is definitely a boon to developer productivity. It’s great to hear that Octane is working really well in a production application at the scale and complexity of Outdoorsy’s. From 6db519db405468cd2d713ba3ad2b8fe1548472eb Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 13:38:55 -0500 Subject: [PATCH 17/47] one more alex fix attempt --- source/2020-01-10-the-ember-times-issue-130.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 93dff1074..f1d22b3e3 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -53,7 +53,8 @@ As with any upgrade of an app this size, there were pain points, but the Outdoor The new Octane syntax took a bit of getting used to, particularly around how to make use of tracked properties in place of computed properties, but the team is enjoying using the new auto-tracking system and class based components in many places throughout the application, and plans on incrementally updating all of their components over time. Almost all new work that gets done on the application is written with Glimmer components and in a clean and idiomatic Ember Octane way. - + + One of the biggest benefits the Outdoorsy team has experienced as a result of the Ember Octane upgrade is a simplified mental model of how Ember works and improved code readability and easier reasoning about what context state is derived from. Not having to reference several files to determine where a property is initially defined is definitely a boon to developer productivity. It’s great to hear that Octane is working really well in a production application at the scale and complexity of Outdoorsy’s. From 9b6c649b7ed0d6670a8d133df1741da092718f91 Mon Sep 17 00:00:00 2001 From: ijlee2 Date: Fri, 10 Jan 2020 10:50:04 -0600 Subject: [PATCH 18/47] Added a section that explains what editions are and what features are present in Octane edition --- .../2020-01-10-the-ember-times-issue-130.md | 36 ++++++++++++++----- 1 file changed, 28 insertions(+), 8 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 8e675f884..c32113934 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 130 -author: Chris Ng, Jessica Jordan, Anne-Greeth van Herwijnen, the crowd +author: Chris Ng, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, the crowd tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/xx/xx-the-ember-times-issue-XXX.html" responsive: true @@ -26,13 +26,33 @@ How to migrate to Ember Octane 🐹🏗️, --- -## [Section Title in Title Case 🐹](#section-url) +## [What is the Octane Edition? 🙋‍♀️🙋‍♂️](https://blog.emberjs.com/2019/12/20/octane-is-here.html) - - +Ember Octane introduces the idea of editions. Let's look at what an edition means in Ember and what features you can find in the Octane edition. - - +### What is an Edition? + +In Ember, an [edition](https://emberjs.com/editions/) represents a **cohesive programming model** and can focus on a particular theme. For example, the Octane edition is focused on productivity and performance! + +Having editions helps you and the Ember teams in many ways: + +1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. + +2. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was "easy to miss the significant improvements that happen over time." Editions help us market *tour de force* in Ember. + +3. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! + +### What Features are in Octane Edition? + +Many new features cohere to form a new component model and a new reactivity system for Ember. These two big changes are keystone to Octane's ergonomic improvements. + +You can find the full list of features in the [Ember Guides](https://guides.emberjs.com/release/upgrading/current-edition/#toc_what-is-ember-octane). We'll highlight a few major ones below. + +1. **Glimmer components** offer a greatly simplified API, for both template and backing class. Say hi to native JavaScript classes! + +2. **Modifiers** let you interact with the DOM—animate this element, scroll to that element, autofocus on the first form input, etc. Modifiers work on *any* element. + +3. **Tracked properties** simplify keeping the DOM up-to-date with JavaScript changes. You no longer need to write and maintain dependency lists. --- @@ -46,7 +66,7 @@ How to migrate to Ember Octane 🐹🏗️, --- -## [How to migrate to Octane 🐹🏗️](https://guides.emberjs.com/release/upgrading/current-edition/) +## [How to Migrate to Octane 🐹🏗️](https://guides.emberjs.com/release/upgrading/current-edition/) Ember Octane represents a big shift in Ember's syntax, features, and mental models. There is, however, no need for a stop-the-world migration, Octane provides an opt-in method of migration where you can apply each core feature enhancement incrementally. @@ -170,4 +190,4 @@ That's another wrap! ✨ Be kind, -Chris Ng, Jessica Jordan, Anne-Greeth van Herwijnen, the crowd and the Learning Team +Chris Ng, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, the crowd and the Learning Team From 0f6c237eff0dc519ac64bcda9b536d7696cd48db Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 12:47:00 -0600 Subject: [PATCH 19/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 9de651e13..21364834c 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -42,7 +42,7 @@ Having editions helps you and the Ember teams in many ways: 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. -2. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was "easy to miss the significant improvements that happen over time." Editions help us market *tour de force* in Ember. +2. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. 3. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! From 44489ac5fc89cce435788cc9fd2a0ba11a3b5b1b Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 12:48:20 -0600 Subject: [PATCH 20/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 21364834c..4e4dc6b6f 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -48,7 +48,7 @@ Having editions helps you and the Ember teams in many ways: ### What Features are in Octane Edition? -Many new features cohere to form a new component model and a new reactivity system for Ember. These two big changes are keystone to Octane's ergonomic improvements. +Many new features cohere to form **a new component model and a new reactivity system** for Ember. These two big changes are keystone to Octane's ergonomic improvements. You can find the full list of features in the [Ember Guides](https://guides.emberjs.com/release/upgrading/current-edition/#toc_what-is-ember-octane). We'll highlight a few major ones below. From 946c50d594853ea7f661a07e38247c53e933b4f2 Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 12:50:32 -0600 Subject: [PATCH 21/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 4e4dc6b6f..4c43c2b0d 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -56,7 +56,7 @@ You can find the full list of features in the [Ember Guides](https://guides.embe 2. **Modifiers** let you interact with the DOM—animate this element, scroll to that element, autofocus on the first form input, etc. Modifiers work on *any* element. -3. **Tracked properties** simplify keeping the DOM up-to-date with JavaScript changes. You no longer need to write and maintain dependency lists. +3. **Tracked properties** simplify syncing the DOM with JavaScript changes. You no longer need to write and maintain dependency lists. --- From fc8cc6228e0dea1977aca0bdd6e2a84e2b582906 Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 13:10:47 -0600 Subject: [PATCH 22/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Jessica Jordan --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 4c43c2b0d..ca2282baa 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -52,7 +52,7 @@ Many new features cohere to form **a new component model and a new reactivity sy You can find the full list of features in the [Ember Guides](https://guides.emberjs.com/release/upgrading/current-edition/#toc_what-is-ember-octane). We'll highlight a few major ones below. -1. **Glimmer components** offer a greatly simplified API, for both template and backing class. Say hi to native JavaScript classes! +1. **Glimmer components** offer a greatly simplified API, for both template and backing class. Say hi to outer HTML semantics and namespaced arguments! 2. **Modifiers** let you interact with the DOM—animate this element, scroll to that element, autofocus on the first form input, etc. Modifiers work on *any* element. From fca67f14984e7a6cd9824d4ed66fce014a79f568 Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 14:13:21 -0500 Subject: [PATCH 23/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index f1d22b3e3..f626a15e5 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -36,7 +36,7 @@ How to migrate to Ember Octane 🐹🏗️, --- -## [Community Feedback 👏](https://www.outdoorsy.com) +## [Community Feedback from Outdoorsy 👏](https://www.outdoorsy.com) Wondering about who has been using Ember Octane features in production? From 5d672d8a9eb32799bdda1c00aaf7b6d3504d2a43 Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 14:13:59 -0500 Subject: [PATCH 24/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index f626a15e5..36b078368 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -44,7 +44,7 @@ We’ll spend some time over the next several issues focusing on projects and te Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer marketplace that connects RV and camper van owners with campers encouraging them to get into the great outdoors. Outdoorsy maintains three large-scale Ember apps for their flagship web product. -The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. On the subject [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-end Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." +The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-End Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience given that the app was written over the last 4 years or so in classic Ember style, and it is large enough that it has a team of 26 developers working on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. From 1c7aa0e1500d35bce5681da518a20c644d1bd809 Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 13:15:46 -0600 Subject: [PATCH 25/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index ca2282baa..253de427f 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -42,7 +42,7 @@ Having editions helps you and the Ember teams in many ways: 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. -2. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. +2. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. 3. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! From 0243575e74dfd57b371aa948946f0825d6ae1d75 Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 14:15:58 -0500 Subject: [PATCH 26/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 36b078368..4beeeaa74 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -46,7 +46,7 @@ Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-End Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." -Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience given that the app was written over the last 4 years or so in classic Ember style, and it is large enough that it has a team of 26 developers working on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. +Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience. The app was written in classic Ember style over the last 4 years or so, and is large enough that a team of 26 developers works on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. As with any upgrade of an app this size, there were pain points, but the Outdoorsy team took advantage of the opportunity of being together at their fall engineering summit (the team is distributed, and many work remotely) to tackle the upgrade over the course of a week. From 042aeb1a554ec9245218ae15d794747d4976dc23 Mon Sep 17 00:00:00 2001 From: Jared Galanis Date: Fri, 10 Jan 2020 14:16:17 -0500 Subject: [PATCH 27/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 4beeeaa74..df4aa0243 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -55,7 +55,7 @@ The new Octane syntax took a bit of getting used to, particularly around how to Almost all new work that gets done on the application is written with Glimmer components and in a clean and idiomatic Ember Octane way. -One of the biggest benefits the Outdoorsy team has experienced as a result of the Ember Octane upgrade is a simplified mental model of how Ember works and improved code readability and easier reasoning about what context state is derived from. Not having to reference several files to determine where a property is initially defined is definitely a boon to developer productivity. +Some of the big benefits that the Outdoorsy team experienced from Octane are a simplified mental model of how Ember works, improved code readability, and easier reasoning about what context a state is derived from. Not having to reference several files to determine where a property is initially defined was definitely a boon to developer productivity. It’s great to hear that Octane is working really well in a production application at the scale and complexity of Outdoorsy’s. From a2fec2237c512db0ba4d5a3f8fd7408ce8c6b188 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 21:51:23 +0100 Subject: [PATCH 28/47] Update 2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 3ad7b4ef9..9afeb07c6 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -11,9 +11,15 @@ Happy New Year, Emberistas! 🐹 This week, we have an **Ember Octane Special Edition** for you! +In this special we would like to tell you as much as possible about this new Ember edition. So throughout this post you will find useful information to help you get the most out of Ember Octane. + +> Octane is modern Ember, and I’m psyched that we got it over the finish line. Have fun building apps! ~ _Yehuda Katz [(@wycats)](https://github.com/wycats)_ + +What is the Octane Edition? 🙋‍♀️🙋‍♂️, +Community Feedback from Outdoorsy 👏, How to migrate to Ember Octane 🐹🏗️, -Conquer Octane with The Ember Atlas 🗺🌍 -Octane at EmberConf 2020, +Conquer Octane with The Ember Atlas 🗺🌍, +Octane at EmberConf 2020 📢, Where can I learn more 🤓 READMORE @@ -111,6 +117,9 @@ If you need help along the way, visit the [Ember Community chat and forums](http --- + +> Ember’s staying power comes from the energy and dedication of our community, and the Octane release is a great example of how the community can come together, agree on a plan, and execute to a high-level of polish. ~ _Edward Faulkner [(@ef4)](https://github.com/ef4)_ + ## [The Ember Atlas 🗺](http://emberatlas.com) The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. @@ -159,6 +168,8 @@ It’s also a nice place to meet up with your Ember-friends and learn about many --- +> I'm excited because I think Octane is easier to teach. ~ _Jen Weber [(@jenweber)](https://github.com/jenweber)_ + ## [Where Can I Learn More? 🤓](https://guides.emberjs.com/release/) If you want to try out Ember Octane, you might want to learn more about the new APIs and best practices for @@ -187,6 +198,9 @@ building modern Ember apps. In this regard we highly recommend the following lea - [Rewriting Apps in Ember Octane](https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2) - [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) + +> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app ... I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ + --- ## [Contributors' Corner 👏](https://guides.emberjs.com/release/contributing/repositories/) From c587ebaf454e39fca11b260edab5d4f63a1f8fc9 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 22:11:11 +0100 Subject: [PATCH 29/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Chris Ng --- source/2020-01-10-the-ember-times-issue-130.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 9afeb07c6..3b2c48887 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -11,6 +11,7 @@ Happy New Year, Emberistas! 🐹 This week, we have an **Ember Octane Special Edition** for you! + In this special we would like to tell you as much as possible about this new Ember edition. So throughout this post you will find useful information to help you get the most out of Ember Octane. > Octane is modern Ember, and I’m psyched that we got it over the finish line. Have fun building apps! ~ _Yehuda Katz [(@wycats)](https://github.com/wycats)_ From 20828f7ef088e3ecf4924dfeadb4e33dceeb3572 Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 22:53:54 +0100 Subject: [PATCH 30/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Jessica Jordan --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 3b2c48887..21e746947 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -169,7 +169,7 @@ It’s also a nice place to meet up with your Ember-friends and learn about many --- -> I'm excited because I think Octane is easier to teach. ~ _Jen Weber [(@jenweber)](https://github.com/jenweber)_ +> I'm excited because I think Octane is easier to teach. That's great for both companies who hire non-Ember developers and for self-motivated beginners. With ember-auto-import in the app by default, Ember also plays nice with the broader JavaScript ecosystem. You can npm install the libraries you like, and they work without extra effort. ~ _Jen Weber [(@jenweber)](https://github.com/jenweber)_ ## [Where Can I Learn More? 🤓](https://guides.emberjs.com/release/) From 29ff5923cd2e1894500ea91d405c3854c9b5f40e Mon Sep 17 00:00:00 2001 From: Anne-Greeth van Herwijnen Date: Fri, 10 Jan 2020 22:54:01 +0100 Subject: [PATCH 31/47] Update source/2020-01-10-the-ember-times-issue-130.md Co-Authored-By: Jessica Jordan --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 21e746947..3cb628dd1 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -200,7 +200,7 @@ building modern Ember apps. In this regard we highly recommend the following lea - [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) -> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app ... I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ +> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ --- From e43b21c965a3e7a4f28b32850975431ee8439feb Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 14:48:06 -0800 Subject: [PATCH 32/47] Update 2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 3cb628dd1..53b8f906e 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -111,7 +111,7 @@ Whatever you end up doing, you won’t have to do it alone as members of the com - [Tracked Properties Codemod](https://github.com/ember-codemods/ember-tracked-properties-codemod) - [Native Class Codemod](https://github.com/ember-codemods/ember-native-class-codemod) - [No Implicit This or {{foo}} to {{this.foo}} Codemod](https://github.com/ember-codemods/ember-no-implicit-this-codemod) -- [ES5 Getter Setter Codemod](https://github.com/ember-codemods/es5-getter-ember-codemod) +- [ES5 Getter Codemod](https://github.com/ember-codemods/es5-getter-ember-codemod) - [Template Colocation Migrator](https://github.com/ember-codemods/ember-component-template-colocation-migrator) If you need help along the way, visit the [Ember Community chat and forums](https://emberjs.com/community/). From 41fea34109ad399c94d3c7b05b1c145644ee4e97 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 15:05:43 -0800 Subject: [PATCH 33/47] Some tweaks --- .../2020-01-10-the-ember-times-issue-130.md | 153 +++++++----------- 1 file changed, 58 insertions(+), 95 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 53b8f906e..612a64f7a 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 130 -author: Chris Ng, Alon Bukai, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, the crowd +author: Chris Ng, Alon Bukai, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, Jared Galanis, Amy Lam tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/01/10-the-ember-times-issue-130.html" responsive: true @@ -9,34 +9,21 @@ responsive: true Happy New Year, Emberistas! 🐹 -This week, we have an **Ember Octane Special Edition** for you! - - -In this special we would like to tell you as much as possible about this new Ember edition. So throughout this post you will find useful information to help you get the most out of Ember Octane. +This week, we have an **Ember Octane Special Edition** for you! We've collected as much as possible about this new Ember edition. So throughout this post, you will find useful information to help you get the most out of Ember Octane. > Octane is modern Ember, and I’m psyched that we got it over the finish line. Have fun building apps! ~ _Yehuda Katz [(@wycats)](https://github.com/wycats)_ What is the Octane Edition? 🙋‍♀️🙋‍♂️, -Community Feedback from Outdoorsy 👏, -How to migrate to Ember Octane 🐹🏗️, -Conquer Octane with The Ember Atlas 🗺🌍, -Octane at EmberConf 2020 📢, -Where can I learn more 🤓 +where can I learn more 🤓, +how to migrate to Octane 🐹🏗️, +community feedback from Outdoorsy 👏, +conquer Octane with Ember Atlas 🗺🌍, +and Octane at EmberConf 2020 📢! READMORE --- -## [Section Title in Title Case 🐹](#section-url) - - - - - - - ---- - ## [What is the Octane Edition? 🙋‍♀️🙋‍♂️](https://blog.emberjs.com/2019/12/20/octane-is-here.html) Ember Octane introduces the idea of editions. Let's look at what an edition means in Ember and what features you can find in the Octane edition. @@ -53,7 +40,7 @@ Having editions helps you and the Ember teams in many ways: 3. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! -### What Features are in Octane Edition? +### What features are in the Octane Edition? Many new features cohere to form **a new component model and a new reactivity system** for Ember. These two big changes are keystone to Octane's ergonomic improvements. @@ -67,43 +54,51 @@ You can find the full list of features in the [Ember Guides](https://guides.embe --- -## [Community Feedback from Outdoorsy 👏](https://www.outdoorsy.com) - -Wondering about who has been using Ember Octane features in production? +> I'm excited because I think Octane is easier to teach. That's great for both companies who hire non-Ember developers and for self-motivated beginners. With ember-auto-import in the app by default, Ember also plays nice with the broader JavaScript ecosystem. You can npm install the libraries you like, and they work without extra effort. ~ _Jen Weber [(@jenweber)](https://github.com/jenweber)_ -We’ll spend some time over the next several issues focusing on projects and teams who are using Ember Octane in their apps. +## [Where can I learn more? 🤓](https://guides.emberjs.com/release/) -Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer marketplace that connects RV and camper van owners with campers encouraging them to get into the great outdoors. Outdoorsy maintains three large-scale Ember apps for their flagship web product. +If you want to try out Ember Octane, you might want to learn more about the new APIs and best practices for +building modern Ember apps. In this regard we highly recommend the following learning resources to you. -The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-End Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." +### Getting Started -Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience. The app was written in classic Ember style over the last 4 years or so, and is large enough that a team of 26 developers works on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. +- [The official documentation - Ember.js Guides](https://guides.emberjs.com/release/) +- [The official beginner's tutorial - Build the Super Rentals app](https://guides.emberjs.com/release/tutorial/part-1/) +- [The official API reference - Ember.js API Docs](https://api.emberjs.com/ember/release) -As with any upgrade of an app this size, there were pain points, but the Outdoorsy team took advantage of the opportunity of being together at their fall engineering summit (the team is distributed, and many work remotely) to tackle the upgrade over the course of a week. +### Octane Core Concepts -The new Octane syntax took a bit of getting used to, particularly around how to make use of tracked properties in place of computed properties, but the team is enjoying using the new auto-tracking system and class based components in many places throughout the application, and plans on incrementally updating all of their components over time. +- Octane Core Concepts Blog Series by [Chris Garrett (@pzuraq)](https://github.com/pzuraq) + - [Part 1: Native Classes](https://blog.emberjs.com/2019/02/11/coming-soon-in-ember-octane-part-1.html) + - [Part 2: Angle Brackets & Named Arguments](https://blog.emberjs.com/2019/02/19/coming-soon-in-ember-octane-part-2.html) + - [Part 3: Tracked Properties](https://blog.emberjs.com/2019/02/26/coming-soon-in-ember-octane-part-3.html) + - [Part 4: Modifiers](https://blog.emberjs.com/2019/03/06/coming-soon-in-ember-octane-part-4.html) + - [Part 5: Glimmer Components](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) +- [Most Common Mistakes Using Octane and How to Avoid Them](https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423) by [Jen Weber (@jenweber)](https://github.com/jenweber) +- [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) +- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) -Almost all new work that gets done on the application is written with Glimmer components and in a clean and idiomatic Ember Octane way. +### Migrating Ember Apps - -Some of the big benefits that the Outdoorsy team experienced from Octane are a simplified mental model of how Ember works, improved code readability, and easier reasoning about what context a state is derived from. Not having to reference several files to determine where a property is initially defined was definitely a boon to developer productivity. +- [Rewriting Apps in Ember Octane](https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2) +- [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) -It’s great to hear that Octane is working really well in a production application at the scale and complexity of Outdoorsy’s. -We know there are lots of other great examples of Octane being used in the wild. If you’d like to share your experiences, please feel to reach out to the Ember Times team. +> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ --- -## [How to Migrate to Octane 🐹🏗️](https://guides.emberjs.com/release/upgrading/current-edition/) +## [How to migrate to Octane 🐹🏗️](https://guides.emberjs.com/release/upgrading/current-edition/) Ember Octane represents a big shift in Ember's syntax, features, and mental models. There is, however, no need for a stop-the-world migration, Octane provides an opt-in method of migration where you can apply each core feature enhancement incrementally. If you are migrating an existing Ember application to Octane we have an excellent list of resources to help you out: -- [The Ember Guides: Octane Update Guide](https://guides.emberjs.com/release/upgrading/current-edition/) +- [Ember Guides: Octane Update Guide](https://guides.emberjs.com/release/upgrading/current-edition/) - [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) -- [Ember Atlas Recommended Migration Order](https://www.notion.so/Atlas-Recommended-Migration-Order-a22f948a7cce4e01896d674f727bee74) +- [Ember Atlas: Recommended Migration Order](https://www.notion.so/Atlas-Recommended-Migration-Order-a22f948a7cce4e01896d674f727bee74) Whatever you end up doing, you won’t have to do it alone as members of the community have generously contributed [numerous codemods](https://github.com/ember-codemods) to help us to migrate efficiently. @@ -118,89 +113,57 @@ If you need help along the way, visit the [Ember Community chat and forums](http --- +## [Community feedback from Outdoorsy 👏](https://www.outdoorsy.com) -> Ember’s staying power comes from the energy and dedication of our community, and the Octane release is a great example of how the community can come together, agree on a plan, and execute to a high-level of polish. ~ _Edward Faulkner [(@ef4)](https://github.com/ef4)_ - -## [The Ember Atlas 🗺](http://emberatlas.com) +Wondering about who has been using Ember Octane features in production? -The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. +We’ll spend some time over the next several issues focusing on projects and teams who are using Ember Octane in their apps. -To get started it is recommended to read the [Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) which explains what The Ember Atlas is. +Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer marketplace that connects RV and camper van owners with campers encouraging them to get into the great outdoors. Outdoorsy maintains three large-scale Ember apps for their flagship web product. -Of particular interest today is the [Ember Octane Upgrade Guide](https://www.notion.so/Ember-Octane-b8ad64b7adf74218942fc69ead7b6892). This section includes information to help Ember developers upgrade from Classic apps/addons to Octane ones. +The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-End Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." -Some notable parts of the upgrade guide: +Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience. The app was written in classic Ember style over the last 4 years or so, and is large enough that a team of 26 developers works on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. -- .... Need to finish - +As with any upgrade of an app this size, there were pain points, but the Outdoorsy team took advantage of the opportunity of being together at their fall engineering summit (the team is distributed, and many work remotely) to tackle the upgrade over the course of a week. - - +The new Octane syntax took a bit of getting used to, particularly around how to make use of tracked properties in place of computed properties, but the team is enjoying using the new auto-tracking system and class based components in many places throughout the application, and plans on incrementally updating all of their components over time. ---- +Almost all new work that gets done on the application is written with Glimmer components and in a clean and idiomatic Ember Octane way. -## [Section Title in Title Case 🐹](#section-url) + +Some of the big benefits that the Outdoorsy team experienced from Octane are a simplified mental model of how Ember works, improved code readability, and easier reasoning about what context a state is derived from. Not having to reference several files to determine where a property is initially defined was definitely a boon to developer productivity. - - +It’s great to hear that Octane is working really well in a production application at the scale and complexity of Outdoorsy’s. - - +We know there are lots of other great examples of Octane being used in the wild. If you’d like to share your experiences, please feel to reach out to the Ember Times team. --- -## [Section Title in Title Case 🐹](#section-url) +> Ember’s staying power comes from the energy and dedication of our community, and the Octane release is a great example of how the community can come together, agree on a plan, and execute to a high-level of polish. ~ _Edward Faulkner [(@ef4)](https://github.com/ef4)_ - - +## [The Ember Atlas 🗺](http://emberatlas.com) - - +The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. ---- +To get started it is recommended to read the [Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) which explains what The Ember Atlas is. -## [Octane at EmberConf 2020 📢](https://emberconf.com) +Of particular interest today is the [Ember Octane Upgrade Guide](https://www.notion.so/Ember-Octane-b8ad64b7adf74218942fc69ead7b6892). This section includes information to help Ember developers upgrade from Classic apps/addons to Octane ones. -With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). +Some notable parts of the upgrade guide: -If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. +- .... Need to finish -It’s also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. --- -> I'm excited because I think Octane is easier to teach. That's great for both companies who hire non-Ember developers and for self-motivated beginners. With ember-auto-import in the app by default, Ember also plays nice with the broader JavaScript ecosystem. You can npm install the libraries you like, and they work without extra effort. ~ _Jen Weber [(@jenweber)](https://github.com/jenweber)_ - -## [Where Can I Learn More? 🤓](https://guides.emberjs.com/release/) - -If you want to try out Ember Octane, you might want to learn more about the new APIs and best practices for -building modern Ember apps. In this regard we highly recommend the following learning resources to you. - -### Getting Started - -- [The official documentation - Ember.js Guides](https://guides.emberjs.com/release/) -- [The official beginner's tutorial - Build the Super Rentals app](https://guides.emberjs.com/release/tutorial/part-1/) -- [The official API reference - Ember.js API Docs](https://api.emberjs.com/ember/release) - -### Octane Core Concepts - -- Octane Core Concepts Blog Series by [Chris Garrett (@pzuraq)](https://github.com/pzuraq) - - [Part 1: Native Classes](https://blog.emberjs.com/2019/02/11/coming-soon-in-ember-octane-part-1.html) - - [Part 2: Angle Brackets & Named Arguments](https://blog.emberjs.com/2019/02/19/coming-soon-in-ember-octane-part-2.html) - - [Part 3: Tracked Properties](https://blog.emberjs.com/2019/02/26/coming-soon-in-ember-octane-part-3.html) - - [Part 4: Modifiers](https://blog.emberjs.com/2019/03/06/coming-soon-in-ember-octane-part-4.html) - - [Part 5: Glimmer Components](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) -- [Most Common Mistakes Using Octane and How to Avoid Them](https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423) by [Jen Weber (@jenweber)](https://github.com/jenweber) -- [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) -- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) - -### Migrating Ember Apps +## [Octane at EmberConf 2020 📢](https://emberconf.com) -- [Rewriting Apps in Ember Octane](https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2) -- [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) +With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). +If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. -> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ +It’s also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. --- @@ -234,4 +197,4 @@ That's another wrap! ✨ Be kind, -Chris Ng, Alon Bukai, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, the crowd and the Learning Team +Chris Ng, Alon Bukai, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, Jared Galanis, Amy Lam and the Learning Team From 1e1a30cbceb63b74fb40c6f5678f706160cb5dd3 Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Fri, 10 Jan 2020 21:50:34 +0100 Subject: [PATCH 34/47] blog(embertimes#130): add ember atlas migration guide to learn more section --- .../2020-01-10-the-ember-times-issue-130.md | 23 +++++-------------- 1 file changed, 6 insertions(+), 17 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 612a64f7a..8a5a7776e 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -83,6 +83,7 @@ building modern Ember apps. In this regard we highly recommend the following lea - [Rewriting Apps in Ember Octane](https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2) - [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) +- [Step-by-Step Migration Guide in the Ember Atlas](https://www.notion.so/Atlas-Recommended-Migration-Order-a22f948a7cce4e01896d674f727bee74) > Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ @@ -115,7 +116,7 @@ If you need help along the way, visit the [Ember Community chat and forums](http ## [Community feedback from Outdoorsy 👏](https://www.outdoorsy.com) -Wondering about who has been using Ember Octane features in production? +Wondering about who has been using Ember Octane features in production? We’ll spend some time over the next several issues focusing on projects and teams who are using Ember Octane in their apps. @@ -144,7 +145,7 @@ We know there are lots of other great examples of Octane being used in the wild. ## [The Ember Atlas 🗺](http://emberatlas.com) -The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. +The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. To get started it is recommended to read the [Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) which explains what The Ember Atlas is. @@ -159,9 +160,9 @@ Some notable parts of the upgrade guide: ## [Octane at EmberConf 2020 📢](https://emberconf.com) -With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). +With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). -If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. +If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. It’s also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. @@ -169,19 +170,7 @@ It’s also a nice place to meet up with your Ember-friends and learn about many ## [Contributors' Corner 👏](https://guides.emberjs.com/release/contributing/repositories/) -

This week we'd like to thank our siblings for their contributions to Ember and related repositories! 💖

- ---- - -## [Got a Question? Ask Readers' Questions! 🤓](https://docs.google.com/forms/d/e/1FAIpQLScqu7Lw_9cIkRtAiXKitgkAo4xX_pV1pdCfMJgIr6Py1V-9Og/viewform) - -
- Office Hours Tomster Mascot - -

Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don't know where to ask? Readers’ Questions are just for you!

- -

Submit your own short and sweet question under bit.ly/ask-ember-core. And don’t worry, there are no silly questions, we appreciate them all - promise! 🤞

-
+

This week we'd like to thank @mansona, @the-bionic, @bf4, @mixonic, @rwjblue, @Turbo87, @bobisjan, @dmzza, @efx and @SYU15 for their contributions to Ember and related repositories! 💖

--- From 92a33fae38a5ecb24c40a35afd851a58bc0d7e3d Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Fri, 10 Jan 2020 23:36:26 +0100 Subject: [PATCH 35/47] blog(embertimes#130): add more quotes --- .../2020-01-10-the-ember-times-issue-130.md | 24 +++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 8a5a7776e..b6ade409c 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -59,16 +59,26 @@ You can find the full list of features in the [Ember Guides](https://guides.embe ## [Where can I learn more? 🤓](https://guides.emberjs.com/release/) If you want to try out Ember Octane, you might want to learn more about the new APIs and best practices for -building modern Ember apps. In this regard we highly recommend the following learning resources to you. +building modern Ember apps. We highly recommend the following learning resources to you: ### Getting Started +The Ember community worked hard to make the official Ember documentation consisting of the Guides, the Tutorial and the +API Docs ready for the release of Octane. Be sure to make use these learning materials your first stop for getting started with +Ember Octane. + - [The official documentation - Ember.js Guides](https://guides.emberjs.com/release/) - [The official beginner's tutorial - Build the Super Rentals app](https://guides.emberjs.com/release/tutorial/part-1/) - [The official API reference - Ember.js API Docs](https://api.emberjs.com/ember/release) +> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ + ### Octane Core Concepts +Especially in the beginning you might want to get familiar with the core concepts behind Octane, +and how these tie in with what you already learned about JavaScript in general! Give some of these selected blog posts a read, +to learn about the principles of Ember's first edition in more detail. + - Octane Core Concepts Blog Series by [Chris Garrett (@pzuraq)](https://github.com/pzuraq) - [Part 1: Native Classes](https://blog.emberjs.com/2019/02/11/coming-soon-in-ember-octane-part-1.html) - [Part 2: Angle Brackets & Named Arguments](https://blog.emberjs.com/2019/02/19/coming-soon-in-ember-octane-part-2.html) @@ -79,17 +89,21 @@ building modern Ember apps. In this regard we highly recommend the following lea - [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) - [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) +> Since the beginning, Ember has evolved alongside the JavaScript language. Ember has served as a testbed for features such as classes and modules, and for years has pushed more upstream than it has received back. With Octane, this tide has turned. Ember now feels as modern as any JavaScript framework, making the most of language features that it has helped shape. And its commitment to stable evolution means that this trend will continue for years to come. ~ _Dan Gebhardt [(@dgeb)](https://github.com/dgeb)_ + ### Migrating Ember Apps +Start migrating your existing Ember applications and benefit from Octane's interoperability with classic Ember with these useful reads: + - [Rewriting Apps in Ember Octane](https://crunchingnumbers.live/2019/12/23/rewriting-apps-in-ember-octane/) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2) - [The Ember Octane vs. Classic Ember Cheat Sheet](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/) - [Step-by-Step Migration Guide in the Ember Atlas](https://www.notion.so/Atlas-Recommended-Migration-Order-a22f948a7cce4e01896d674f727bee74) - -> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ - --- + +> When we started working on Ember early in the 2010s, we knew we would have to adapt to ecosystem changes, but we couldn’t have predicted how big the changes to the JavaScript language and distribution would be. The thing that’s really special about Ember is that when we adapt to features like JavaScript classes or modern component syntax, we work really hard to bring along existing applications. And it’s not just that you can use old and new features side-by-side. Old syntax and framework classes freely interoperate with new syntax and framework classes. Developers of Ember applications can spend more time on innovative features for their users, and less time on the constant churn that defines the JavaScript community. Ember Octane is modern Ember, and I’m psyched that we got it over the finish line. Have fun building apps! ~ _Yehuda Katz [(@wycats)](https://github.com/wycats)_ + ## [How to migrate to Octane 🐹🏗️](https://guides.emberjs.com/release/upgrading/current-edition/) @@ -168,6 +182,8 @@ It’s also a nice place to meet up with your Ember-friends and learn about many --- +> Ember has stability and staying power, and it has for a long while. That makes it super great to work with, and a great choice for companies and teams, but it also means our time in the hype-cycle spotlight happened a while back. Octane is an amazing improvement, and it’s also a great opportunity to get folks who are overly focused on the hype to give it another look. I hope our community members use the little buzz-bump to nudge Ember even further into their companies and projects. ~ _Leah Silber [(@wifelette)](https://github.com/wifelette)_ + ## [Contributors' Corner 👏](https://guides.emberjs.com/release/contributing/repositories/)

This week we'd like to thank @mansona, @the-bionic, @bf4, @mixonic, @rwjblue, @Turbo87, @bobisjan, @dmzza, @efx and @SYU15 for their contributions to Ember and related repositories! 💖

From 39a2a6283900334864cb23283034d8672b95f71f Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 15:33:35 -0800 Subject: [PATCH 36/47] tweaks --- source/2020-01-10-the-ember-times-issue-130.md | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index b6ade409c..81b088fe4 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -9,11 +9,13 @@ responsive: true Happy New Year, Emberistas! 🐹 -This week, we have an **Ember Octane Special Edition** for you! We've collected as much as possible about this new Ember edition. So throughout this post, you will find useful information to help you get the most out of Ember Octane. +This week, we have an **Ember Octane Special Edition** for you! + +We've collected as much info as possible about this new Ember edition. So throughout this post, you will find useful information to help you get the most out of Ember Octane. > Octane is modern Ember, and I’m psyched that we got it over the finish line. Have fun building apps! ~ _Yehuda Katz [(@wycats)](https://github.com/wycats)_ -What is the Octane Edition? 🙋‍♀️🙋‍♂️, +This week: What is the Octane Edition? 🙋‍♀️🙋‍♂️, where can I learn more 🤓, how to migrate to Octane 🐹🏗️, community feedback from Outdoorsy 👏, @@ -36,9 +38,10 @@ Having editions helps you and the Ember teams in many ways: 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. -2. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. + +1. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. -3. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! +1. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! ### What features are in the Octane Edition? @@ -87,7 +90,7 @@ to learn about the principles of Ember's first edition in more detail. - [Part 5: Glimmer Components](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) - [Most Common Mistakes Using Octane and How to Avoid Them](https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423) by [Jen Weber (@jenweber)](https://github.com/jenweber) - [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) -- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) +- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) by [Michael North @mike-north](https://github.com/mike-north) > Since the beginning, Ember has evolved alongside the JavaScript language. Ember has served as a testbed for features such as classes and modules, and for years has pushed more upstream than it has received back. With Octane, this tide has turned. Ember now feels as modern as any JavaScript framework, making the most of language features that it has helped shape. And its commitment to stable evolution means that this trend will continue for years to come. ~ _Dan Gebhardt [(@dgeb)](https://github.com/dgeb)_ From 46dd5baa71ab394530eecaf66bc62e4feae2b614 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 15:37:37 -0800 Subject: [PATCH 37/47] test alex --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 81b088fe4..266c4b725 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -36,9 +36,9 @@ In Ember, an [edition](https://emberjs.com/editions/) represents a **cohesive pr Having editions helps you and the Ember teams in many ways: + 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. - 1. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. 1. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! From 3143d66c67de7b094e5b321be52af46beb569a21 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 15:38:36 -0800 Subject: [PATCH 38/47] tweak --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 266c4b725..2c7495dc7 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -90,7 +90,7 @@ to learn about the principles of Ember's first edition in more detail. - [Part 5: Glimmer Components](https://blog.emberjs.com/2019/03/14/coming-soon-in-ember-octane-part-5.html) - [Most Common Mistakes Using Octane and How to Avoid Them](https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423) by [Jen Weber (@jenweber)](https://github.com/jenweber) - [Bringing Clarity to Templates through Ember Octane](https://simplabs.com/blog/2019/12/20/clarity-in-templates/) by [Ricardo Mendes (@locks)](https://github.com/locks) -- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) by [Michael North @mike-north](https://github.com/mike-north) +- [Ember Octane Fundamentals Course on Frontend Masters (paid subscription)](https://frontendmasters.com/courses/ember-octane/) by [Mike North (@mike-north)](https://github.com/mike-north) > Since the beginning, Ember has evolved alongside the JavaScript language. Ember has served as a testbed for features such as classes and modules, and for years has pushed more upstream than it has received back. With Octane, this tide has turned. Ember now feels as modern as any JavaScript framework, making the most of language features that it has helped shape. And its commitment to stable evolution means that this trend will continue for years to come. ~ _Dan Gebhardt [(@dgeb)](https://github.com/dgeb)_ From 9a50f0f6bbb61561a6bb49680fc22c1e10c6f1dd Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 17:44:38 -0600 Subject: [PATCH 39/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 2c7495dc7..3c732fe51 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -74,7 +74,7 @@ Ember Octane. - [The official beginner's tutorial - Build the Super Rentals app](https://guides.emberjs.com/release/tutorial/part-1/) - [The official API reference - Ember.js API Docs](https://api.emberjs.com/ember/release) -> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of theses pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ +> Octane provides a very gentle on-ramp and lets you learn and grow into the framework as the needs arise in your app. You start with HTML templates, then extract pieces into template-only components for clarity, add arguments for reusability, add a js class to add behavior, add a service for shared functionalities, install an addon for more cool stuff, etc. I’m excited to see all of these pieces coming together and finally ready to teach the version of ember we had envisioned. Check out the new tutorial to see the difference for yourself! ~ _Godfrey Chan [(@chancancode)](https://github.com/chancancode)_ ### Octane Core Concepts From 021556844e7db007f8ca7705974dcbe3dccc0f4a Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 15:45:15 -0800 Subject: [PATCH 40/47] tweaks --- source/2020-01-10-the-ember-times-issue-130.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 2c7495dc7..8d939e3d3 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -177,11 +177,11 @@ Some notable parts of the upgrade guide: ## [Octane at EmberConf 2020 📢](https://emberconf.com) -With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). +With [Ember Octane](https://blog.emberjs.com/2019/12/20/octane-is-here.html) released, it is not a surprise that it’s also a hot topic for [EmberConf 2020](https://emberconf.com/#/speakers). -If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be. The 16th till 18th of March will be filled with awesome talks by [Godfrey Chan](https://github.com/chancancode), [Suchita Doshi](https://github.com/suchitadoshi1987), [DanMonroe](https://github.com/DanMonroe) and many others. +If you want to [listen and talk to people](https://emberconf.com/#/speakers) about Octane, EmberConf in Portland, OR is the place to be! March 16th-18th will be filled with awesome talks by [Godfrey Chan (@chancancode)](https://github.com/chancancode), [Suchita Doshi (@suchitadoshi1987)](https://github.com/suchitadoshi1987), [DanMonroe (@DanMonroe)](https://github.com/DanMonroe) and many others. -It’s also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check the [EmberConf website](https://emberconf.com) and join the #ember-conf channel on Discord. +It’s also a nice place to meet up with your Ember-friends and learn about many more topics. For more information, check out the [EmberConf website](https://emberconf.com) and join the [#ember-conf](https://discordapp.com/channels/480462759797063690/480502413917421570) channel on the [Ember Discord](https://discord.gg/emberjs). --- From 4c6c289c7aaccb18ae6c34c42812c8f53778c722 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 15:55:49 -0800 Subject: [PATCH 41/47] tweaks --- source/2020-01-10-the-ember-times-issue-130.md | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 22bc597f5..6932067a7 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -39,7 +39,7 @@ Having editions helps you and the Ember teams in many ways: 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. -1. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market *tour de force* in Ember. +1. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market tour de force in Ember. 1. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! @@ -162,16 +162,13 @@ We know there are lots of other great examples of Octane being used in the wild. ## [The Ember Atlas 🗺](http://emberatlas.com) -The Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a Wiki for Ember for various content that isn't in the guides yet or won't ever make it in. +We alluded to the [Ember Atlas Octane Upgrade Guide](https://www.notion.so/Ember-Octane-b8ad64b7adf74218942fc69ead7b6892) earlier. This section includes information to help Ember developers upgrade from Classic apps/addons to Octane ones. 🚀 -To get started it is recommended to read the [Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) which explains what The Ember Atlas is. +So what is Ember Atlas? -Of particular interest today is the [Ember Octane Upgrade Guide](https://www.notion.so/Ember-Octane-b8ad64b7adf74218942fc69ead7b6892). This section includes information to help Ember developers upgrade from Classic apps/addons to Octane ones. - -Some notable parts of the upgrade guide: - -- .... Need to finish +Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a curated wiki for Ember for various content that isn't in the guides yet, or won't ever make it in. +Bookmark [emberatlas.com](http://emberatlas.com) for easy reference and check out the [Ember Atlas Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) to get started. --- From bcb0ef42a22d0c0304262a61c95db37c18be5ef7 Mon Sep 17 00:00:00 2001 From: Isaac Lee <16869656+ijlee2@users.noreply.github.com> Date: Fri, 10 Jan 2020 17:56:59 -0600 Subject: [PATCH 42/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 6932067a7..13a516a23 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -139,7 +139,7 @@ We’ll spend some time over the next several issues focusing on projects and te Today’s focus is on [**Outdoorsy**](https://www.outdoorsy.com), a peer-to-peer marketplace that connects RV and camper van owners with campers encouraging them to get into the great outdoors. Outdoorsy maintains three large-scale Ember apps for their flagship web product. -The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. [Jaco Joubert @jacojoubert](https://github.com/jacojoubert), a Front-End Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." +The developers at Outdoorsy have been using Octane features in production since September and have reportedly had a super enjoyable experience. [Jaco Joubert (@jacojoubert)](https://github.com/jacojoubert), a Front-End Engineer at Outdoorsy, says "Octane has allowed us to build highly interactive experiences that are well tested in an unbelievably short time. Leveraging Octane we rebuilt our entire [search experience](https://www.outdoorsy.com/rv-search) from the ground up in less than five weeks, something which would have taken orders of magnitude longer before." Outdoorsy's Ember app is a particularly nice highlight of what's possible in an Ember Octane upgrade experience. The app was written in classic Ember style over the last 4 years or so, and is large enough that a team of 26 developers works on it (about half of whom are focused on the frontend). The app is actually a monorepo of several Ember apps and addons and employs a rehydrated Ember Fastboot app for its public facing pages for SEO purposes. From 333f0454e1bb40ec7ed0b67e6c47b08bb46f0bf0 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 16:03:00 -0800 Subject: [PATCH 43/47] test fix alex --- source/2020-01-10-the-ember-times-issue-130.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 6932067a7..23e3c23cd 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -36,12 +36,13 @@ In Ember, an [edition](https://emberjs.com/editions/) represents a **cohesive pr Having editions helps you and the Ember teams in many ways: - + 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. 1. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market tour de force in Ember. 1. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! + ### What features are in the Octane Edition? From 3b1e87e553d28fdca7f9b002a514e4632ae3a174 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 16:11:31 -0800 Subject: [PATCH 44/47] test alex --- source/2020-01-10-the-ember-times-issue-130.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index ccd49e212..0dde240bc 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -34,15 +34,14 @@ Ember Octane introduces the idea of editions. Let's look at what an edition mean In Ember, an [edition](https://emberjs.com/editions/) represents a **cohesive programming model** and can focus on a particular theme. For example, the Octane edition is focused on productivity and performance! + Having editions helps you and the Ember teams in many ways: - 1. You can see the big picture of how features work together. Before editions were introduced, you might have had to stay on top of RFCs and release notes to understand why a feature was added or removed. 1. For people who don't follow Ember closely—that may be you, or people in the wider JavaScript world—it was easy to miss the significant improvements that happen over time. Editions help us market tour de force in Ember. 1. Editions mark an opportunity to update Ember documentation, idioms, addons, and tooling (Ember Inspector, blueprints, codemods, and error messages). The end result is a cohesive, polished experience for you! - ### What features are in the Octane Edition? From eb940d8aa0a57840bda6c43128bc5ce011003a02 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 16:15:59 -0800 Subject: [PATCH 45/47] test alex --- source/2020-01-10-the-ember-times-issue-130.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 0dde240bc..02dfc029b 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -57,6 +57,7 @@ You can find the full list of features in the [Ember Guides](https://guides.embe --- + > I'm excited because I think Octane is easier to teach. That's great for both companies who hire non-Ember developers and for self-motivated beginners. With ember-auto-import in the app by default, Ember also plays nice with the broader JavaScript ecosystem. You can npm install the libraries you like, and they work without extra effort. ~ _Jen Weber [(@jenweber)](https://github.com/jenweber)_ ## [Where can I learn more? 🤓](https://guides.emberjs.com/release/) From 498735497cc96d49ebf9358bcd4a65ed819f9b67 Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 10 Jan 2020 16:22:54 -0800 Subject: [PATCH 46/47] fix alex forreal --- source/2020-01-10-the-ember-times-issue-130.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 02dfc029b..84e4f3195 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -169,6 +169,7 @@ So what is Ember Atlas? Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a curated wiki for Ember for various content that isn't in the guides yet, or won't ever make it in. + Bookmark [emberatlas.com](http://emberatlas.com) for easy reference and check out the [Ember Atlas Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) to get started. --- From 9c7bd8ec584591fe4260266c9afab19c2b1a229f Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Sat, 11 Jan 2020 01:23:25 +0100 Subject: [PATCH 47/47] Update source/2020-01-10-the-ember-times-issue-130.md --- source/2020-01-10-the-ember-times-issue-130.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/2020-01-10-the-ember-times-issue-130.md b/source/2020-01-10-the-ember-times-issue-130.md index 84e4f3195..a75753575 100644 --- a/source/2020-01-10-the-ember-times-issue-130.md +++ b/source/2020-01-10-the-ember-times-issue-130.md @@ -170,7 +170,7 @@ So what is Ember Atlas? Ember Atlas is an unofficial resource for Ember curated by various people in the Ember Community. It includes best practices, upgrade guides and more! The Ember Atlas is built to be a curated wiki for Ember for various content that isn't in the guides yet, or won't ever make it in. -Bookmark [emberatlas.com](http://emberatlas.com) for easy reference and check out the [Ember Atlas Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) to get started. +Bookmark [emberatlas.com](http://emberatlas.com) for quick reference and check out the [Ember Atlas Introduction](https://www.notion.so/Introduction-d11ec02706d74eab960b3e2b11494bc7) to get started. ---