From fd837760d7de9431652cab9d3a15dca3b76d5adb Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Wed, 19 Dec 2018 10:53:51 -0500 Subject: [PATCH 1/3] blog(embertimes78): Glimmer Components RFC --- .../2018-12-21-the-ember-times-issue-78.md | 21 +++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) diff --git a/source/blog/2018-12-21-the-ember-times-issue-78.md b/source/blog/2018-12-21-the-ember-times-issue-78.md index 1632f9737e..ce5d99c6f4 100644 --- a/source/blog/2018-12-21-the-ember-times-issue-78.md +++ b/source/blog/2018-12-21-the-ember-times-issue-78.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 78 -author: Robert Wagner +author: Chris Ng, Robert Wagner tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2018 alias : "blog/2018/12/21-the-ember-times-issue-78.html" responsive: true @@ -8,7 +8,7 @@ responsive: true مرحبا Emberistas! 🐹 - +, read about the Glimmer Components RFC ✨, find out what's new in Ember Inspector and Extensible Ember Inspector 🐹! --- @@ -42,8 +42,21 @@ thoughts! --- -## [SECTION TITLE](#section-url) +## [RFC: Glimmer Components ✨](https://github.com/emberjs/rfcs/pull/416) + +[@pzuraq](https://github.com/pzuraq) put up an RFC for supporting **Glimmer components** – which are simpler, more declarative and ergonomic approach to building components – into Ember’s public API. Glimmer components will be the new default app experience in [Ember Octane](https://github.com/emberjs/rfcs/blob/26c4d83fb66568e1087a05818fb39a307ebf8da8/text/0000-roadmap-2018.md#ember-octane). + +Glimmer components aim to eliminate confusion with classic components, by aligning more closely with modern template syntax and features such as: + +**Outer HTML Semantics** where there is no wrapping outer element by default and any dynamic values are explicitly stated in the template. + +**Namespaced Arguments** by having Glimmer components assign their arguments to the `args` property on their instance, preventing namespace collisions. + +**Immutable Arguments** for the `this.args` object, as mentioned above, which will normalize the way the data flows through the app. This will also promote the usage of the `{{@arg}}` syntax – which refers directly to the arguments passed into the invocation of the component – when appropriate since it is more predictable in nature. + +**Minimal Classes** where Glimmer components won’t have any element/DOM based properties, hooks, event handler functions (which are provided instead by element modifiers) in order to reduce the mental model and enable users to be productive out of the box. +Read and comment on the [full RFC on GitHub](https://github.com/emberjs/rfcs/pull/416). --- @@ -115,4 +128,4 @@ That's another wrap! ✨ Be kind, -Robert Wagner and the Learning Team +Chris Ng, Robert Wagner, and the Learning Team From 2f38194e096be2dc161c2b9d628d2c6c83dbe9a8 Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Wed, 19 Dec 2018 11:18:34 -0500 Subject: [PATCH 2/3] Update source/blog/2018-12-21-the-ember-times-issue-78.md Co-Authored-By: chrisrng --- source/blog/2018-12-21-the-ember-times-issue-78.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/blog/2018-12-21-the-ember-times-issue-78.md b/source/blog/2018-12-21-the-ember-times-issue-78.md index ce5d99c6f4..0b85a1d2f8 100644 --- a/source/blog/2018-12-21-the-ember-times-issue-78.md +++ b/source/blog/2018-12-21-the-ember-times-issue-78.md @@ -44,7 +44,7 @@ thoughts! ## [RFC: Glimmer Components ✨](https://github.com/emberjs/rfcs/pull/416) -[@pzuraq](https://github.com/pzuraq) put up an RFC for supporting **Glimmer components** – which are simpler, more declarative and ergonomic approach to building components – into Ember’s public API. Glimmer components will be the new default app experience in [Ember Octane](https://github.com/emberjs/rfcs/blob/26c4d83fb66568e1087a05818fb39a307ebf8da8/text/0000-roadmap-2018.md#ember-octane). +[@pzuraq](https://github.com/pzuraq) put up an RFC (Request for Comments) for supporting **Glimmer components** – which represent a simpler, more declarative and ergonomic approach to building components – into Ember’s public API. Glimmer components will be the new default app experience in [Ember Octane](https://github.com/emberjs/rfcs/blob/26c4d83fb66568e1087a05818fb39a307ebf8da8/text/0000-roadmap-2018.md#ember-octane). Glimmer components aim to eliminate confusion with classic components, by aligning more closely with modern template syntax and features such as: From 378fca21ceccf9dc9a759c7562db1ab45f050f20 Mon Sep 17 00:00:00 2001 From: Jessica Jordan Date: Wed, 19 Dec 2018 11:18:43 -0500 Subject: [PATCH 3/3] Update source/blog/2018-12-21-the-ember-times-issue-78.md Co-Authored-By: chrisrng --- source/blog/2018-12-21-the-ember-times-issue-78.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/source/blog/2018-12-21-the-ember-times-issue-78.md b/source/blog/2018-12-21-the-ember-times-issue-78.md index 0b85a1d2f8..1b23b45d34 100644 --- a/source/blog/2018-12-21-the-ember-times-issue-78.md +++ b/source/blog/2018-12-21-the-ember-times-issue-78.md @@ -54,7 +54,8 @@ Glimmer components aim to eliminate confusion with classic components, by aligni **Immutable Arguments** for the `this.args` object, as mentioned above, which will normalize the way the data flows through the app. This will also promote the usage of the `{{@arg}}` syntax – which refers directly to the arguments passed into the invocation of the component – when appropriate since it is more predictable in nature. -**Minimal Classes** where Glimmer components won’t have any element/DOM based properties, hooks, event handler functions (which are provided instead by element modifiers) in order to reduce the mental model and enable users to be productive out of the box. + + **Minimal Classes** where Glimmer components won’t have any element/DOM based properties, hooks, event handler functions (which are provided instead by element modifiers) in order to reduce the mental model and enable users to be productive out of the box. Read and comment on the [full RFC on GitHub](https://github.com/emberjs/rfcs/pull/416).