{"id":6037,"date":"2019-03-24T13:29:31","date_gmt":"2019-03-24T12:29:31","guid":{"rendered":"https:\/\/2019.europe.wordcamp.org\/?post_type=wcb_session&#038;p=6037"},"modified":"2019-03-24T21:57:31","modified_gmt":"2019-03-24T20:57:31","slug":"leveraging-the-power-of-custom-elements-in-gutenberg","status":"publish","type":"wcb_session","link":"https:\/\/europe.wordcamp.org\/2019\/session\/leveraging-the-power-of-custom-elements-in-gutenberg\/","title":{"rendered":"Leveraging the power of custom elements in Gutenberg"},"content":{"rendered":"<p>If you have worked with JavaScript over the years, chances are you used a mechanism to define reusable components that are rendered and can be interacted with in an encapsulated manner, for example in React or Vue. Web Components is a set of features that introduces similar mechanisms natively to the browser. Having a standard layer for these so-called leaf components aids interoperability. Imagine a future where you can reuse a leaf component you wrote for a simple native JS application in a React application or vice versa. Felix will teach you how to leverage Web Components by example, such as usage by the AMP framework or within Gutenberg blocks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have worked with JavaScript over the years, chances are you used a mechanism to define reusable components that are rendered and can be interacted with in an encapsulated manner, for example in React or Vue. Web Components is a set of features that introduces similar mechanisms natively to the browser. Having a standard [&hellip;]<\/p>\n","protected":false},"author":10972453,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1561190400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[5875],"footnotes":""},"session_track":[149451],"session_category":[144],"class_list":["post-6037","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-3","wcb_session_category-development"],"jetpack_shortlink":"https:\/\/wp.me\/pa076x-1zn","jetpack_sharing_enabled":false,"session_date_time":{"date":"22 June 2019","time":"10:00"},"session_speakers":[{"id":"5875","slug":"felix-arntz","name":"Felix Arntz","link":"https:\/\/europe.wordcamp.org\/2019\/speaker\/felix-arntz\/"}],"session_cats_rendered":"Development","_links":{"self":[{"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/6037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/6037\/revisions"}],"predecessor-version":[{"id":6183,"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/6037\/revisions\/6183"}],"speakers":[{"embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/5875"}],"author":[{"embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wporg\/v1\/users\/flixos90"}],"wp:attachment":[{"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=6037"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=6037"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=6037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}