{"action":"created","comment":{"url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/comments/133436241","pull_request_review_id":56615042,"id":133436241,"diff_hunk":"@@ -0,0 +1,268 @@\n+# Creating Web Components with Glimmer\n+\n+At [this year's EmberConf the Ember core team officially announced](https://youtu.be/TEuY4GqwrUE?t=58m43s) the release of [Glimmer](https://glimmerjs.com/) - a light-weight JavaScript library aimed to provide an useful toolset for creating fast and reusable UI components. Powered by the already battle-tested Ember-CLI, developers can now build their Glimmer apps in an easy and efficient manner as they already came to love building applications in Ember.js before.\n+\n+Additionally, Glimmer allows the creation of components according to the Custom Elements v1 specification, making it possible to build native web components which may be used in applications of ????? I dunno all kinds of technological backgrounds?????.\n+\n+Before diving into how we can build a Glimmer powered web components, let’s have a quick recap on what custom elements in general:\n+\n+\n+Creating native, reusable web components with the Custom Elements spec v1\n+\n+Custom Elements describes the capability to create customized HTML elements which can used with the traditional angle-bracket notation: `<my-customelement>`.\n+The current version v1 of this specification includes the definition of a `CustomElementRegistry` interface that allows to register custom elements based on extensions from the HTML element base class:\n+\n+    ```\n+    class CustomElementClass extends HTMLElement {\n+      // ...\n+    }\n+\n+    customElements.define('my-customelement', CustomElementClass);\n+    ```\n+\n+???? And it even proposes the ability to inherit from other DOM interfaces, allowing for the customization of built-in elements: ????\n+\n+   ```\n+    class AutoPlayVideoClass extends HTMLVideoElement {\n+      // ...\n+    }\n+    customElements.define('my-video`, AutoPlayVideoClass, { is: 'video'});\n+   ```\n+(??? This part hasn’t even been implemented in any browser yet. Not really sure if this is actually a promising thing of the spec anymore and this might better be left out of the blog post after all ????)\n+\n+Finally, a custom element that has been registered via the `CustomElementRegistry` can simply be used anywhere in HTML templates as a tag:\n+\n+\n+    <my-customelement></my-customelement>\n+\n+Being able to encapsulate functionality as components and to easily reuse them via HTML is so powerful for several reasons: ????\n+First, it allows….","path":"blog/_posts/creating-web-components-with-glimmer.md","position":39,"original_position":39,"commit_id":"e97daf32ff310781bbbd85307bede286256f3637","original_commit_id":"e97daf32ff310781bbbd85307bede286256f3637","user":{"login":"jessica-jordan","id":8811742,"avatar_url":"https://avatars3.githubusercontent.com/u/8811742?v=4","gravatar_id":"","url":"https://api.github.com/users/jessica-jordan","html_url":"https://github.com/jessica-jordan","followers_url":"https://api.github.com/users/jessica-jordan/followers","following_url":"https://api.github.com/users/jessica-jordan/following{/other_user}","gists_url":"https://api.github.com/users/jessica-jordan/gists{/gist_id}","starred_url":"https://api.github.com/users/jessica-jordan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessica-jordan/subscriptions","organizations_url":"https://api.github.com/users/jessica-jordan/orgs","repos_url":"https://api.github.com/users/jessica-jordan/repos","events_url":"https://api.github.com/users/jessica-jordan/events{/privacy}","received_events_url":"https://api.github.com/users/jessica-jordan/received_events","type":"User","site_admin":false},"body":"I especially like your second thought about the community focusing on a small subset of really well-developed components which solve a specific use case nicely @geekygrappler ","created_at":"2017-08-16T12:38:35Z","updated_at":"2017-08-16T12:38:35Z","html_url":"https://github.com/simplabs/simplabs.github.io/pull/121#discussion_r133436241","pull_request_url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121","_links":{"self":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/comments/133436241"},"html":{"href":"https://github.com/simplabs/simplabs.github.io/pull/121#discussion_r133436241"},"pull_request":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121"}}},"pull_request":{"url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121","id":135998576,"html_url":"https://github.com/simplabs/simplabs.github.io/pull/121","diff_url":"https://github.com/simplabs/simplabs.github.io/pull/121.diff","patch_url":"https://github.com/simplabs/simplabs.github.io/pull/121.patch","issue_url":"https://api.github.com/repos/simplabs/simplabs.github.io/issues/121","number":121,"state":"open","locked":false,"title":"WIP: feat(blog-post): adds \"Creating Web Components w/ Glimmer\" post","user":{"login":"jessica-jordan","id":8811742,"avatar_url":"https://avatars3.githubusercontent.com/u/8811742?v=4","gravatar_id":"","url":"https://api.github.com/users/jessica-jordan","html_url":"https://github.com/jessica-jordan","followers_url":"https://api.github.com/users/jessica-jordan/followers","following_url":"https://api.github.com/users/jessica-jordan/following{/other_user}","gists_url":"https://api.github.com/users/jessica-jordan/gists{/gist_id}","starred_url":"https://api.github.com/users/jessica-jordan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessica-jordan/subscriptions","organizations_url":"https://api.github.com/users/jessica-jordan/orgs","repos_url":"https://api.github.com/users/jessica-jordan/repos","events_url":"https://api.github.com/users/jessica-jordan/events{/privacy}","received_events_url":"https://api.github.com/users/jessica-jordan/received_events","type":"User","site_admin":false},"body":"My write-up of parts of my [EmberCamp talk](https://speakerdeck.com/jessicajordanjs/the-modern-state-of-web-components-a-glimmer-of-hope)\r\n\r\nI'm still working on the parts marked with `?????` , but feel free to already review the rest and also give comments on general structure or writing style.\r\n\r\nYou can find the repo for the street map component example on here: https://github.com/jessica-jordan/glimmer-map (still needs some ✨ as well)","created_at":"2017-08-16T11:14:06Z","updated_at":"2017-08-16T12:38:35Z","closed_at":null,"merged_at":null,"merge_commit_sha":"c03fe0486a0addec4494e4262d73898995572f40","assignee":null,"assignees":[],"requested_reviewers":[{"login":"marcoow","id":1510,"avatar_url":"https://avatars1.githubusercontent.com/u/1510?v=4","gravatar_id":"","url":"https://api.github.com/users/marcoow","html_url":"https://github.com/marcoow","followers_url":"https://api.github.com/users/marcoow/followers","following_url":"https://api.github.com/users/marcoow/following{/other_user}","gists_url":"https://api.github.com/users/marcoow/gists{/gist_id}","starred_url":"https://api.github.com/users/marcoow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marcoow/subscriptions","organizations_url":"https://api.github.com/users/marcoow/orgs","repos_url":"https://api.github.com/users/marcoow/repos","events_url":"https://api.github.com/users/marcoow/events{/privacy}","received_events_url":"https://api.github.com/users/marcoow/received_events","type":"User","site_admin":false}],"milestone":null,"commits_url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121/commits","review_comments_url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121/comments","review_comment_url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/comments{/number}","comments_url":"https://api.github.com/repos/simplabs/simplabs.github.io/issues/121/comments","statuses_url":"https://api.github.com/repos/simplabs/simplabs.github.io/statuses/e97daf32ff310781bbbd85307bede286256f3637","head":{"label":"jessica-jordan:create-writeup-of-glimmer-web-component-talk","ref":"create-writeup-of-glimmer-web-component-talk","sha":"e97daf32ff310781bbbd85307bede286256f3637","user":{"login":"jessica-jordan","id":8811742,"avatar_url":"https://avatars3.githubusercontent.com/u/8811742?v=4","gravatar_id":"","url":"https://api.github.com/users/jessica-jordan","html_url":"https://github.com/jessica-jordan","followers_url":"https://api.github.com/users/jessica-jordan/followers","following_url":"https://api.github.com/users/jessica-jordan/following{/other_user}","gists_url":"https://api.github.com/users/jessica-jordan/gists{/gist_id}","starred_url":"https://api.github.com/users/jessica-jordan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessica-jordan/subscriptions","organizations_url":"https://api.github.com/users/jessica-jordan/orgs","repos_url":"https://api.github.com/users/jessica-jordan/repos","events_url":"https://api.github.com/users/jessica-jordan/events{/privacy}","received_events_url":"https://api.github.com/users/jessica-jordan/received_events","type":"User","site_admin":false},"repo":{"id":100478946,"name":"simplabs.github.io","full_name":"jessica-jordan/simplabs.github.io","owner":{"login":"jessica-jordan","id":8811742,"avatar_url":"https://avatars3.githubusercontent.com/u/8811742?v=4","gravatar_id":"","url":"https://api.github.com/users/jessica-jordan","html_url":"https://github.com/jessica-jordan","followers_url":"https://api.github.com/users/jessica-jordan/followers","following_url":"https://api.github.com/users/jessica-jordan/following{/other_user}","gists_url":"https://api.github.com/users/jessica-jordan/gists{/gist_id}","starred_url":"https://api.github.com/users/jessica-jordan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessica-jordan/subscriptions","organizations_url":"https://api.github.com/users/jessica-jordan/orgs","repos_url":"https://api.github.com/users/jessica-jordan/repos","events_url":"https://api.github.com/users/jessica-jordan/events{/privacy}","received_events_url":"https://api.github.com/users/jessica-jordan/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/jessica-jordan/simplabs.github.io","description":"The source code for http://simplabs.com","fork":true,"url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io","forks_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/forks","keys_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/teams","hooks_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/hooks","issue_events_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/issues/events{/number}","events_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/events","assignees_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/assignees{/user}","branches_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/branches{/branch}","tags_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/tags","blobs_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/git/refs{/sha}","trees_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/statuses/{sha}","languages_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/languages","stargazers_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/stargazers","contributors_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/contributors","subscribers_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/subscribers","subscription_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/subscription","commits_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/commits{/sha}","git_commits_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/git/commits{/sha}","comments_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/comments{/number}","issue_comment_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/issues/comments{/number}","contents_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/contents/{+path}","compare_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/merges","archive_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/downloads","issues_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/issues{/number}","pulls_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/pulls{/number}","milestones_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/milestones{/number}","notifications_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/labels{/name}","releases_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/releases{/id}","deployments_url":"https://api.github.com/repos/jessica-jordan/simplabs.github.io/deployments","created_at":"2017-08-16T10:47:10Z","updated_at":"2017-08-16T10:47:12Z","pushed_at":"2017-08-16T11:10:16Z","git_url":"git://github.com/jessica-jordan/simplabs.github.io.git","ssh_url":"git@github.com:jessica-jordan/simplabs.github.io.git","clone_url":"https://github.com/jessica-jordan/simplabs.github.io.git","svn_url":"https://github.com/jessica-jordan/simplabs.github.io","homepage":"","size":5271,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"simplabs:master","ref":"master","sha":"bae02ca2fe02621b3e4a33cb396c3b6de106ae48","user":{"login":"simplabs","id":56627,"avatar_url":"https://avatars3.githubusercontent.com/u/56627?v=4","gravatar_id":"","url":"https://api.github.com/users/simplabs","html_url":"https://github.com/simplabs","followers_url":"https://api.github.com/users/simplabs/followers","following_url":"https://api.github.com/users/simplabs/following{/other_user}","gists_url":"https://api.github.com/users/simplabs/gists{/gist_id}","starred_url":"https://api.github.com/users/simplabs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simplabs/subscriptions","organizations_url":"https://api.github.com/users/simplabs/orgs","repos_url":"https://api.github.com/users/simplabs/repos","events_url":"https://api.github.com/users/simplabs/events{/privacy}","received_events_url":"https://api.github.com/users/simplabs/received_events","type":"Organization","site_admin":false},"repo":{"id":10031701,"name":"simplabs.github.io","full_name":"simplabs/simplabs.github.io","owner":{"login":"simplabs","id":56627,"avatar_url":"https://avatars3.githubusercontent.com/u/56627?v=4","gravatar_id":"","url":"https://api.github.com/users/simplabs","html_url":"https://github.com/simplabs","followers_url":"https://api.github.com/users/simplabs/followers","following_url":"https://api.github.com/users/simplabs/following{/other_user}","gists_url":"https://api.github.com/users/simplabs/gists{/gist_id}","starred_url":"https://api.github.com/users/simplabs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simplabs/subscriptions","organizations_url":"https://api.github.com/users/simplabs/orgs","repos_url":"https://api.github.com/users/simplabs/repos","events_url":"https://api.github.com/users/simplabs/events{/privacy}","received_events_url":"https://api.github.com/users/simplabs/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/simplabs/simplabs.github.io","description":"The source code for http://simplabs.com","fork":false,"url":"https://api.github.com/repos/simplabs/simplabs.github.io","forks_url":"https://api.github.com/repos/simplabs/simplabs.github.io/forks","keys_url":"https://api.github.com/repos/simplabs/simplabs.github.io/keys{/key_id}","collaborators_url":"https://api.github.com/repos/simplabs/simplabs.github.io/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/simplabs/simplabs.github.io/teams","hooks_url":"https://api.github.com/repos/simplabs/simplabs.github.io/hooks","issue_events_url":"https://api.github.com/repos/simplabs/simplabs.github.io/issues/events{/number}","events_url":"https://api.github.com/repos/simplabs/simplabs.github.io/events","assignees_url":"https://api.github.com/repos/simplabs/simplabs.github.io/assignees{/user}","branches_url":"https://api.github.com/repos/simplabs/simplabs.github.io/branches{/branch}","tags_url":"https://api.github.com/repos/simplabs/simplabs.github.io/tags","blobs_url":"https://api.github.com/repos/simplabs/simplabs.github.io/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/simplabs/simplabs.github.io/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/simplabs/simplabs.github.io/git/refs{/sha}","trees_url":"https://api.github.com/repos/simplabs/simplabs.github.io/git/trees{/sha}","statuses_url":"https://api.github.com/repos/simplabs/simplabs.github.io/statuses/{sha}","languages_url":"https://api.github.com/repos/simplabs/simplabs.github.io/languages","stargazers_url":"https://api.github.com/repos/simplabs/simplabs.github.io/stargazers","contributors_url":"https://api.github.com/repos/simplabs/simplabs.github.io/contributors","subscribers_url":"https://api.github.com/repos/simplabs/simplabs.github.io/subscribers","subscription_url":"https://api.github.com/repos/simplabs/simplabs.github.io/subscription","commits_url":"https://api.github.com/repos/simplabs/simplabs.github.io/commits{/sha}","git_commits_url":"https://api.github.com/repos/simplabs/simplabs.github.io/git/commits{/sha}","comments_url":"https://api.github.com/repos/simplabs/simplabs.github.io/comments{/number}","issue_comment_url":"https://api.github.com/repos/simplabs/simplabs.github.io/issues/comments{/number}","contents_url":"https://api.github.com/repos/simplabs/simplabs.github.io/contents/{+path}","compare_url":"https://api.github.com/repos/simplabs/simplabs.github.io/compare/{base}...{head}","merges_url":"https://api.github.com/repos/simplabs/simplabs.github.io/merges","archive_url":"https://api.github.com/repos/simplabs/simplabs.github.io/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/simplabs/simplabs.github.io/downloads","issues_url":"https://api.github.com/repos/simplabs/simplabs.github.io/issues{/number}","pulls_url":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls{/number}","milestones_url":"https://api.github.com/repos/simplabs/simplabs.github.io/milestones{/number}","notifications_url":"https://api.github.com/repos/simplabs/simplabs.github.io/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/simplabs/simplabs.github.io/labels{/name}","releases_url":"https://api.github.com/repos/simplabs/simplabs.github.io/releases{/id}","deployments_url":"https://api.github.com/repos/simplabs/simplabs.github.io/deployments","created_at":"2013-05-13T12:59:23Z","updated_at":"2016-01-28T15:20:53Z","pushed_at":"2017-08-16T11:14:07Z","git_url":"git://github.com/simplabs/simplabs.github.io.git","ssh_url":"git@github.com:simplabs/simplabs.github.io.git","clone_url":"https://github.com/simplabs/simplabs.github.io.git","svn_url":"https://github.com/simplabs/simplabs.github.io","homepage":"","size":5265,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":4,"mirror_url":null,"open_issues_count":10,"forks":4,"open_issues":10,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121"},"html":{"href":"https://github.com/simplabs/simplabs.github.io/pull/121"},"issue":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/issues/121"},"comments":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/issues/121/comments"},"review_comments":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121/comments"},"review_comment":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/pulls/121/commits"},"statuses":{"href":"https://api.github.com/repos/simplabs/simplabs.github.io/statuses/e97daf32ff310781bbbd85307bede286256f3637"}}}}
{"actor":{"display_login":"jessica-jordan"}}