Exploring the Interactivity API in WordPress Part 2

Aurooba and Brian dig deeper into the WordPress Interactivity API. This episode mostly focuses on the HTML directives they used in their custom blocks, how they work with block markup, and how the Interactivity API uses them to hydrate data. Along the way they also compare it to other templating and logic tools like the ones in Laravel and Next.js from previous episodes.

A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first!

• https://github.com/WordPress/gutenberg/discussions/categories/interactivity-api?discussions_q=is%3Aopen+category%3A%22Interactivity+API%22
• https://twitter.com/SethRubenstein
• https://twitter.com/DevelopWoo
• https://developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/packages-interactivity-api-reference
• Brian's website – https://www.briancoords.com
• Aurooba's website – https://aurooba.com

• (00:00) - S03E14 Sequence
• (00:09) - Introduction
• (01:21) - Packages vs Feature Plugins
• (04:24) - Browsing the Documentation
• (08:24) - Preview of our frontend block
• (09:53) - HTML Directives
• (13:12) - Conventions for binding and events handlers
• (16:31) - Callbacks and Actions
• (18:37) - State, Context and Loops
• (20:04) - Using Attributes and Hydration
• (24:01) - Wrapping up and Next Steps