From fcdc61a1b62fa2d02ebea50460c516b1cc874b55 Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Thu, 25 Jun 2020 10:11:48 -0400 Subject: [PATCH 1/4] blog(embertimes154): ember-stargate --- .../2020-06-26-the-ember-times-issue-154.md | 33 ++++++++++++++----- 1 file changed, 24 insertions(+), 9 deletions(-) diff --git a/source/2020-06-26-the-ember-times-issue-154.md b/source/2020-06-26-the-ember-times-issue-154.md index 61b2d0e43..39c8648b3 100644 --- a/source/2020-06-26-the-ember-times-issue-154.md +++ b/source/2020-06-26-the-ember-times-issue-154.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 154 -author: the crowd +author: Chris Ng, the crowd tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020 alias : "blog/2020/06/26-the-ember-times-issue-154.html" responsive: true @@ -9,19 +9,34 @@ responsive: true Emberistas! 🐹 - +Check out the new addon ember-stargate 🌟! READMORE --- -## [Section title in sentence case 🐹](section-url) +## [Get Ready for ember-stargate 🌟](https://twitter.com/simonihmig/status/1274066847873273859) - - - +[Simon Ihmig (@simonihmig)](https://github.com/simonihmig) announced a new addon called [ember-stargate](https://github.com/kaliber5/ember-stargate) – a modern and lightweight take on portals in Ember. - - +“Portals” are a way to render things in a different place of the DOM tree than they are logically defined in the app. There are a number of existing solutions in the Ember ecosystem for the same problem such as [ember-wormhole](https://github.com/yapplabs/ember-wormhole), [ember-elsewhere](https://github.com/ef4/ember-elsewhere), the native `{{in-element}}` (previously using the [ember-in-element-polyfill](https://github.com/ember-polyfills/ember-in-element-polyfill)). + +The `ember-stargate` addon aims to solve this problem without using private APIs, Ember's `component` helper, or having to jump through hoops to implement. All you need to make a portal work is to define the content that should be sent through the portal using ``, and the target - identified by its name - where it should be rendered to using ``. For example, you have 2 templates the first being the route template and the second being the `application.hbs`: + +Route: +```hbs +Step 1 +``` + +Application: +```hbs +{{outlet}} + +
+ +
+``` + +Read more and try it out at [kaliber5/ember-stargate](https://github.com/kaliber5/ember-stargate)! --- @@ -139,4 +154,4 @@ That's another wrap! ✨ Be kind, -the crowd and the Learning Team +Chris Ng, the crowd and the Learning Team From 08b99c0f4f842072813c354bf252d7d5f0c525c3 Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Thu, 25 Jun 2020 18:55:23 -0400 Subject: [PATCH 2/4] Update source/2020-06-26-the-ember-times-issue-154.md Co-authored-by: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-06-26-the-ember-times-issue-154.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/source/2020-06-26-the-ember-times-issue-154.md b/source/2020-06-26-the-ember-times-issue-154.md index 39c8648b3..e0898205c 100644 --- a/source/2020-06-26-the-ember-times-issue-154.md +++ b/source/2020-06-26-the-ember-times-issue-154.md @@ -20,7 +20,9 @@ READMORE “Portals” are a way to render things in a different place of the DOM tree than they are logically defined in the app. There are a number of existing solutions in the Ember ecosystem for the same problem such as [ember-wormhole](https://github.com/yapplabs/ember-wormhole), [ember-elsewhere](https://github.com/ef4/ember-elsewhere), the native `{{in-element}}` (previously using the [ember-in-element-polyfill](https://github.com/ember-polyfills/ember-in-element-polyfill)). -The `ember-stargate` addon aims to solve this problem without using private APIs, Ember's `component` helper, or having to jump through hoops to implement. All you need to make a portal work is to define the content that should be sent through the portal using ``, and the target - identified by its name - where it should be rendered to using ``. For example, you have 2 templates the first being the route template and the second being the `application.hbs`: +The `ember-stargate` addon aims to solve this problem without using private APIs, Ember's `component` helper, or having to jump through hoops to implement. All you need to make a portal work is to define the content that should be sent through the portal using ``, and the target - identified by its name - where it should be rendered to using ``. + +For example, suppose you want to update the footer in `application.hbs` from a child route: Route: ```hbs From fb5c63102f1db641dc46a19fc3ce07e395e2e546 Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Thu, 25 Jun 2020 18:55:28 -0400 Subject: [PATCH 3/4] Update source/2020-06-26-the-ember-times-issue-154.md Co-authored-by: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-06-26-the-ember-times-issue-154.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/2020-06-26-the-ember-times-issue-154.md b/source/2020-06-26-the-ember-times-issue-154.md index e0898205c..7bf1b91d4 100644 --- a/source/2020-06-26-the-ember-times-issue-154.md +++ b/source/2020-06-26-the-ember-times-issue-154.md @@ -30,6 +30,7 @@ Route: ``` Application: + ```hbs {{outlet}} From dd6df774868cc0490a44d321a00120791b519a05 Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Thu, 25 Jun 2020 18:55:35 -0400 Subject: [PATCH 4/4] Update source/2020-06-26-the-ember-times-issue-154.md Co-authored-by: Isaac Lee <16869656+ijlee2@users.noreply.github.com> --- source/2020-06-26-the-ember-times-issue-154.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/2020-06-26-the-ember-times-issue-154.md b/source/2020-06-26-the-ember-times-issue-154.md index 7bf1b91d4..c7c1a70a3 100644 --- a/source/2020-06-26-the-ember-times-issue-154.md +++ b/source/2020-06-26-the-ember-times-issue-154.md @@ -25,6 +25,7 @@ The `ember-stargate` addon aims to solve this problem without using private APIs For example, suppose you want to update the footer in `application.hbs` from a child route: Route: + ```hbs Step 1 ```