{"id":923,"date":"2018-11-03T11:41:47","date_gmt":"2018-11-03T15:41:47","guid":{"rendered":"https:\/\/2018.toronto.wordcamp.org\/?post_type=wcb_session&#038;p=923"},"modified":"2018-12-29T12:52:57","modified_gmt":"2018-12-29T17:52:57","slug":"building-gutenberg-blocks-the-playlist-block-story","status":"publish","type":"wcb_session","link":"https:\/\/toronto.wordcamp.org\/2018\/session\/building-gutenberg-blocks-the-playlist-block-story\/","title":{"rendered":"Building Gutenberg Blocks, the Playlist Block Story"},"content":{"rendered":"<p>In this talk, I will outline the story and what we learned from building the\u00a0<i>Playlist<\/i>\u00a0block for the Gutenberg editor. We will explore both the epic wins and failures in the course of building our first block. If you are learning\u00a0<i>Gutenberg<\/i>\u00a0or\u00a0<i>React<\/i>\u00a0and have hit road blocks in understanding the flow, data or tools available, this talk will clear the air on many of those issues. We\u2019ll explore local development tools and design patterns used in block creation.<\/p>\n<p>If there is one takeaway from this talk, it is that Gutenberg isn&#8217;t scary.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this talk, I will outline the story and what we learned from building the\u00a0Playlist\u00a0block for the Gutenberg editor. We will explore both the epic wins and failures in the course of building our first block. If you are learning\u00a0Gutenberg\u00a0or\u00a0React\u00a0and &hellip; <a href=\"https:\/\/toronto.wordcamp.org\/2018\/session\/building-gutenberg-blocks-the-playlist-block-story\/\">Continue reading <span class=\"assistive-text\">Building Gutenberg Blocks, the Playlist Block Story<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":13899375,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1543696200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/docs.google.com\/presentation\/d\/1jn96lkWXVS5Rx31GpNkRuZXGlEjzMf1L0LFE7VjrYxk\/edit#slide=id.g31fc7d0676_1_918","_wcpt_session_video":"https:\/\/wordpress.tv\/2018\/12\/28\/anthony-burchell-building-gutenberg-blocks-the-playlist-block-story\/","_wcpt_speaker_id":[900],"footnotes":""},"session_track":[174742],"session_category":[1215194],"class_list":["post-923","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-room-2","wcb_session_category-gutenberg"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa1ZDU-eT","jetpack_likes_enabled":true,"session_date_time":{"date":"December 1, 2018","time":"3:30 pm"},"session_speakers":[{"id":"900","slug":"anthony-burchell","name":"Anthony Burchell","link":"https:\/\/toronto.wordcamp.org\/2018\/speaker\/anthony-burchell\/"}],"session_cats_rendered":"Gutenberg","_links":{"self":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":1,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/923\/revisions"}],"predecessor-version":[{"id":924,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/923\/revisions\/924"}],"speakers":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/900"}],"author":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wporg\/v1\/users\/antpb"}],"wp:attachment":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=923"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=923"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}