If you have worked with JavaScript over the years, chances are high you have used some kind of component system before to define how a larger piece of content renders in HTML and how it can be interacted with. <\/p>\n\n\n\n
Popular frameworks such as React and Vue both rely on such concepts. Unfortunately frameworks have typically invented their own mechanisms for that purpose, which work in different ways.<\/p>\n\n\n\n
Web Components is a set of features that introduces similar mechanisms natively to the browser. Having a standardised layer for these so-called leaf components can aid interoperability between different paradigms significantly – imagine a future where you can just reuse a leaf component you wrote for a simple native JavaScript application in a React application, or vice-versa. <\/p>\n\n\n\n
In this session we will learn how the different features that Web Components encompass work. We will also dive into how they can be used by example, taking a look under the hood of the AMP framework which relies on them and diving into their usage within Gutenberg.<\/p>\n","protected":false},"excerpt":{"rendered":"
If you have worked with JavaScript over the years, chances are high you have used some kind of component system before to define how a larger piece of content renders in HTML and how it can be interacted with. Popular frameworks such as React and Vue both rely on such concepts. Unfortunately frameworks have typically […]<\/p>\n","protected":false},"author":10972453,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1554563400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[2787],"footnotes":""},"session_track":[446658],"session_category":[1271640],"class_list":["post-3265","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-a","wcb_session_category-development"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paiD76-QF","jetpack_likes_enabled":true,"session_date_time":{"date":"April 6, 2019","time":"4:10 pm"},"session_speakers":[{"id":"2787","slug":"felix-arntz","name":"Felix Arntz","link":"https:\/\/london.wordcamp.org\/2019\/speaker\/felix-arntz\/"}],"session_cats_rendered":"Development","_links":{"self":[{"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/3265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/3265\/revisions"}],"predecessor-version":[{"id":3604,"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/3265\/revisions\/3604"}],"speakers":[{"embeddable":true,"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/2787"}],"author":[{"embeddable":true,"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wporg\/v1\/users\/flixos90"}],"wp:attachment":[{"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=3265"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=3265"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/london.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=3265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}