{"id":4841,"date":"2019-06-29T00:39:45","date_gmt":"2019-06-28T14:39:45","guid":{"rendered":"https:\/\/2019.brisbane.wordcamp.org\/?post_type=wcb_session&#038;p=4841"},"modified":"2019-08-31T15:32:18","modified_gmt":"2019-08-31T05:32:18","slug":"custom-interactivity-with-gutenberg-components","status":"publish","type":"wcb_session","link":"https:\/\/brisbane.wordcamp.org\/2019\/session\/custom-interactivity-with-gutenberg-components\/","title":{"rendered":"Cool stuff inside Gutenberg: build the perfect UI with @wordpress\/components"},"content":{"rendered":"\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/rsVhKXWTaps?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-AU&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p>A brief dive into the component library built into WordPress \/ Gutenberg. I\u2019ll use a little demo plugin to demonstrate how useful these components are, and how you can use them to build the perfect authoring interface for your custom content, and more.&nbsp;<\/p>\n\n\n\n<p>I&#8217;ll present a demo focusing on audio\/music examples, to illustrate the variety of things you can do in WordPress. For example, a &#8220;page soundtrack&#8221; block for adding dynamic background audio to your posts.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-wordcamp-brisbane-2019\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/2019.brisbane.wordcamp.org\/speaker\/Rua-Haszard-Morris\/\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A brief dive into the component library built into WordPress \/ Gutenberg. I\u2019ll use a little demo plugin to demonstrate how useful these components are, and how you can use them to build the perfect authoring interface for your custom &hellip; <a href=\"https:\/\/brisbane.wordcamp.org\/2019\/session\/custom-interactivity-with-gutenberg-components\/\">Continue reading <span class=\"assistive-text\">Cool stuff inside Gutenberg: build the perfect UI with @wordpress\/components<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":16025364,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1566607500,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[767],"footnotes":""},"session_track":[1287474],"session_category":[1287476,5545],"class_list":["post-4841","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-smaller-room-room-401","wcb_session_category-development-beginner","wcb_session_category-user"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paNZQR-1g5","jetpack_likes_enabled":true,"session_date_time":{"date":"August 24, 2019","time":"10:45 AM"},"session_speakers":[{"id":"767","slug":"rua-haszard-morris","name":"Rua Haszard Morris","link":"https:\/\/brisbane.wordcamp.org\/2019\/speaker\/rua-haszard-morris\/"}],"session_cats_rendered":"Development - Beginner, User","_links":{"self":[{"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/4841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":4,"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/4841\/revisions"}],"predecessor-version":[{"id":6028,"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/4841\/revisions\/6028"}],"speakers":[{"embeddable":true,"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/767"}],"author":[{"embeddable":true,"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wporg\/v1\/users\/haszari"}],"wp:attachment":[{"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=4841"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=4841"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/brisbane.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=4841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}