{"id":1390,"date":"2019-03-22T08:51:54","date_gmt":"2019-03-22T08:51:54","guid":{"rendered":"https:\/\/2019.bristol.wordcamp.org\/?post_type=wcb_session&#038;p=1390"},"modified":"2019-06-13T18:27:11","modified_gmt":"2019-06-13T18:27:11","slug":"build-blocks-without-writing-javascript","status":"publish","type":"wcb_session","link":"https:\/\/bristol.wordcamp.org\/2019\/session\/build-blocks-without-writing-javascript\/","title":{"rendered":"Build blocks without writing JavaScript"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"mce_1\"><a href=\"https:\/\/2019.bristol.wordcamp.org\/speaker\/mark-wilkinson\/\">Mark Wilkinson<\/a><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"mce_2\">Sunday 11:00am Room 2<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2019.bristol.wordcamp.org\/files\/2019\/02\/splot_neon_g1@2x-8-150x150.png\" alt=\"\" class=\"wp-image-730\" srcset=\"https:\/\/bristol.wordcamp.org\/2019\/files\/2019\/02\/splot_neon_g1@2x-8-150x150.png 150w, https:\/\/bristol.wordcamp.org\/2019\/files\/2019\/02\/splot_neon_g1@2x-8-100x100.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">When the new block-based editor was released earlier this year, WordPress development was about to get a lot harder. Instead of the low barrier to entry PHP we are used too, along came React and JavaScript based development practices.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How are \u201ctraditional\u201d developers like me supposed to keep up? Well, fear not as I will show you in this talk the ways in which I build WordPress sites, using the block editor, developing custom blocks which meet the clients&#8217; needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I will outline how we standardised our block-based development into a plugin which we use on many of the sites we build today. <\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress wp-block-embed is-type-video is-provider-videopress wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='525' height='295' src='https:\/\/video.wordpress.com\/embed\/B5PgCtrm?hd=0&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"525\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">The fabulous <a href=\"https:\/\/twitter.com\/wpmark?ref_src=twsrc%5Etfw\">@wpmark<\/a> doing his talk &#39;Build blocks without writing JavaScript&#39; at <a href=\"https:\/\/twitter.com\/hashtag\/WCBRS?src=hash&amp;ref_src=twsrc%5Etfw\">#WCBRS<\/a>.<br><br>Here are his slides:<a href=\"https:\/\/t.co\/WsLj0b9lDH\">https:\/\/t.co\/WsLj0b9lDH<\/a> <a href=\"https:\/\/t.co\/ukCcO0AzLM\">pic.twitter.com\/ukCcO0AzLM<\/a><\/p>&mdash; WordCamp Bristol (@wordcampbristol) <a href=\"https:\/\/twitter.com\/wordcampbristol\/status\/1130070657721671680?ref_src=twsrc%5Etfw\">May 19, 2019<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Mark Wilkinson Sunday 11:00am Room 2 When the new block-based editor was released earlier this year, WordPress development was about to get a lot harder. Instead of the low barrier to entry PHP we are used too, along came React and JavaScript based development practices. How are \u201ctraditional\u201d developers like me supposed to keep up? &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bristol.wordcamp.org\/2019\/session\/build-blocks-without-writing-javascript\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Build blocks without writing JavaScript&#8221;<\/span><\/a><\/p>\n","protected":false},"author":10077546,"featured_media":1614,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1558263600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1306],"footnotes":""},"session_track":[13412],"session_category":[],"class_list":["post-1390","wcb_session","type-wcb_session","status-publish","has-post-thumbnail","hentry","wcb_track-track-2"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pheI8s-mq","session_date_time":{"date":"May 19, 2019","time":"11:00 am"},"session_speakers":[{"id":"1306","slug":"mark-wilkinson","name":"Mark Wilkinson","link":"https:\/\/bristol.wordcamp.org\/2019\/speaker\/mark-wilkinson\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":7,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1390\/revisions"}],"predecessor-version":[{"id":2712,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1390\/revisions\/2712"}],"speakers":[{"embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/1306"}],"author":[{"embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wporg\/v1\/users\/wpmarkuk"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/media\/1614"}],"wp:attachment":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=1390"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=1390"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=1390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}