{"id":31526,"date":"2024-04-02T10:38:07","date_gmt":"2024-04-02T15:38:07","guid":{"rendered":"https:\/\/wpengine.com\/builders\/?post_type=tribe_events&p=31526"},"modified":"2024-04-02T10:38:56","modified_gmt":"2024-04-02T15:38:56","slug":"developer-hours-building-custom-blocks-with-the-interactivity-api","status":"publish","type":"tribe_events","link":"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/","title":{"rendered":"Developer Hours: Building custom blocks with the Interactivity API"},"content":{"rendered":"
\n\t

\n\t\t\n\t\t\tApril 9, 2024\t\t<\/span>\n\n\t\t\t\t\t\n\t\t\t\t @ \t\t\t<\/span>\n\t\t\t\n\t\t\t\t9:00 am\t\t\t<\/span>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t – \t\t\t\t<\/span>\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t10:00 am\t\t\t\t<\/span>\n\t\t\t\n\t\t\t\t\t\t\tCDT<\/span>\n\t\t\t\t\t\t<\/p>\n<\/div>\n\n\n\n

The\u00a0Interactivity API<\/a>\u00a0was recently released in WordPress 6.5. Now is the time to experiment with the API and incorporate interactions into your custom blocks, but where should you start?

Often, the best way to learn is through real-world examples. In this Developer Hours session, Damon Cook from WP Engine will demonstrate how he built a form submission block that leverages the API. This example will teach you how to kickstart a custom interactive block using the Create Block package, use directives to assign critical attributes to your HTML markup, create the store, and hook up the client-side JavaScript.

Don\u2019t worry if some of these terms are foreign to you. We\u2019ll provide a comprehensive overview of Interactivity API along the way. Following the presentation, there will also be a Q&A session, so bring your questions!

Meetup Information<\/strong>
Where: Zoom (Link will be visible after RSVP)
Level: Advanced
Language: English with live Zoom transcription<\/p>\n\n\n

\n\t\n\t\tRegister\t<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The\u00a0Interactivity API\u00a0was recently released in WordPress 6.5. Now is the time to experiment with the API and incorporate interactions into your custom blocks, but where should you start? Often, the […]<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","meta":{"_EventAllDay":false,"_EventTimezone":"America\/Chicago","_EventStartDate":"2024-04-09 09:00:00","_EventEndDate":"2024-04-09 10:00:00","_EventStartDateUTC":"2024-04-09 14:00:00","_EventEndDateUTC":"2024-04-09 15:00:00","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"https:\/\/www.meetup.com\/learn-wordpress-online-workshops\/events\/300032710\/","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"$","_EventCurrencyCode":"USD","_EventCurrencyPosition":"prefix","_EventDateTimeSeparator":" @ ","_EventTimeRangeSeparator":" - ","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_tribe_events_status":"","_tribe_events_status_reason":"","footnotes":""},"tags":[],"tribe_events_cat":[29],"class_list":["post-31526","tribe_events","type-tribe_events","status-publish","hentry","tribe_events_cat-wordpress","cat_wordpress"],"yoast_head":"\nDeveloper Hours: Building custom blocks with the Interactivity API - Builders<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Developer Hours: Building custom blocks with the Interactivity API - Builders\" \/>\n<meta property=\"og:description\" content=\"The\u00a0Interactivity API\u00a0was recently released in WordPress 6.5. Now is the time to experiment with the API and incorporate interactions into your custom blocks, but where should you start? Often, the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Builders\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-02T15:38:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/event\\\/developer-hours-building-custom-blocks-with-the-interactivity-api\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/event\\\/developer-hours-building-custom-blocks-with-the-interactivity-api\\\/\",\"name\":\"Developer Hours: Building custom blocks with the Interactivity API - Builders\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\"},\"datePublished\":\"2024-04-02T15:38:07+00:00\",\"dateModified\":\"2024-04-02T15:38:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/event\\\/developer-hours-building-custom-blocks-with-the-interactivity-api\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/event\\\/developer-hours-building-custom-blocks-with-the-interactivity-api\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/event\\\/developer-hours-building-custom-blocks-with-the-interactivity-api\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Events\",\"item\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/events\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Developer Hours: Building custom blocks with the Interactivity API\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"name\":\"Builders\",\"description\":\"Reimagining the way we build with WordPress.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\",\"name\":\"WP Engine\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"width\":348,\"height\":68,\"caption\":\"WP Engine\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/wpebuilders\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCh1WuL54XFb9ZI6m6goFv1g\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Developer Hours: Building custom blocks with the Interactivity API - Builders","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Developer Hours: Building custom blocks with the Interactivity API - Builders","og_description":"The\u00a0Interactivity API\u00a0was recently released in WordPress 6.5. Now is the time to experiment with the API and incorporate interactions into your custom blocks, but where should you start? Often, the […]","og_url":"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/","og_site_name":"Builders","article_modified_time":"2024-04-02T15:38:56+00:00","twitter_card":"summary_large_image","twitter_site":"@wpebuilders","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/","url":"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/","name":"Developer Hours: Building custom blocks with the Interactivity API - Builders","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/#website"},"datePublished":"2024-04-02T15:38:07+00:00","dateModified":"2024-04-02T15:38:56+00:00","breadcrumb":{"@id":"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/builders\/event\/developer-hours-building-custom-blocks-with-the-interactivity-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/builders\/"},{"@type":"ListItem","position":2,"name":"Events","item":"https:\/\/wpengine.com\/builders\/events\/"},{"@type":"ListItem","position":3,"name":"Developer Hours: Building custom blocks with the Interactivity API"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/builders\/#website","url":"https:\/\/wpengine.com\/builders\/","name":"Builders","description":"Reimagining the way we build with WordPress.","publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/builders\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpengine.com\/builders\/#organization","name":"WP Engine","url":"https:\/\/wpengine.com\/builders\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","width":348,"height":68,"caption":"WP Engine"},"image":{"@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/wpebuilders","https:\/\/www.youtube.com\/channel\/UCh1WuL54XFb9ZI6m6goFv1g"]}]}},"_links":{"self":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tribe_events\/31526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tribe_events"}],"about":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/types\/tribe_events"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tribe_events\/31526\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media?parent=31526"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tags?post=31526"},{"taxonomy":"tribe_events_cat","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tribe_events_cat?post=31526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}