In this workshop we introduce WordPress developers into React basics and how React works inside of WordPress. We will build a pseudo-block interface with pure React and then go into the React architecture beneath Gutenberg. The workshop will close with walking through how to build several blocks using React, including advanced blocks with server side goodness like meta box integration. Of course we’ll get into webpack, babel and npm a bit too \ud83d\ude09 Come get hands on with the future of WordPress development!<\/p>\n
<\/p>\n
You should be comfortable with building a basic Gutenberg block with JSX, webpack and npm. Experience with React and Redux is helpful but not required.<\/p>\n
Your should have a local WordPress installation with the Gutenberg plugin installed<\/a>. You also need to have installed Node.js<\/a>\u00a0with the ability to run npm commands.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" In this workshop we introduce WordPress developers into React basics and how React works inside of WordPress. We will build a pseudo-block interface with pure React and then go into the React architecture beneath Gutenberg. The workshop will close with walking through how to build several blocks using React, including advanced blocks with server side […]<\/p>\n","protected":false},"author":187260,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1529139600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/github.com\/zgordon\/wceu-2018","_wcpt_session_video":"","_wcpt_speaker_id":[4873,5169],"footnotes":""},"session_track":[919798],"session_category":[1242643],"class_list":["post-4999","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-workshop-1","wcb_session_category-workshop-3h"],"jetpack_shortlink":"https:\/\/wp.me\/p8QI2W-1iD","jetpack_sharing_enabled":true,"session_date_time":{"date":"June 16, 2018","time":"10:00"},"session_speakers":[{"id":"4873","slug":"zac-gordon","name":"Zac Gordon","link":"https:\/\/europe.wordcamp.org\/2018\/speaker\/zac-gordon\/"},{"id":"5169","slug":"julien-melissas","name":"Julien Melissas","link":"https:\/\/europe.wordcamp.org\/2018\/speaker\/julien-melissas\/"}],"session_cats_rendered":"Workshop 3h","_links":{"self":[{"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/4999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/4999\/revisions"}],"predecessor-version":[{"id":9389,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/4999\/revisions\/9389"}],"speakers":[{"embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/4873"},{"embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/5169"}],"author":[{"embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wporg\/v1\/users\/zgordon"}],"wp:attachment":[{"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=4999"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=4999"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/europe.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=4999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}