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

So begins another project! This time back inside WordPress. Brian and Aurooba discuss the Interactivity API in WordPress. They explore how to use the API, the challenges they faced, and the benefits it provides. They also touch on JavaScript modules and how they are used in the context of the Interactivity API. The conversation ends with a discussion about future topics to cover in the series as they build out the plugin using the API.

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!

• Quick Start Guide - https://developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/#quick-start-guide
• Interactivity API Proposal - https://make.wordpress.org/core/2023/03/30/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks/
• WP Movies - https://wpmovies.dev/
• Our demo repo - https://github.com/viewSourcePodcast/vs-reading-list
• Brian's website – https://www.briancoords.com
• Aurooba's website – https://aurooba.com

• (00:00) - Introduction
• (01:12) - Introducing the next project!
• (03:23) - What is the Interactivity API?
• (06:00) - The WooCommerce usecase
• (07:18) - How Interactivity API fits into the larger picture
• (10:02) - The Alpine.js Comparison
• (11:57) - So what project are we building?
• (15:24) - Tracking the list with Local Storage
• (16:44) - Using a resource already being loaded on the site
• (19:55) - How do you get started with the Interactivity API?
• (21:45) - What are JavaScript Modules?
• (32:56) - What's next in the series?

Aurooba and Brian dig into the Font Library - a flagship feature launching in WordPress 6.5. Along the way they discuss the long road getting it into core, some user interface issues, and the future of "composability" in WordPress.

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!

• Fonts in WP Tavern - https://wptavern.com/a-pared-back-web-fonts-api-may-land-in-wordpress-6-0-or-not-at-all
• Rich Tabor - Composability - https://rich.blog/theme-composition/
• WordPress 6.5 - https://make.wordpress.org/core/6.5
• Brian's Tavern Article - https://wptavern.com/synced-pattern-overrides-punted-font-library-approved-as-wordpress-6-5-nears-release
• Brian's website – https://www.briancoords.com
• Aurooba's website – https://aurooba.com

• (00:00) - S02E12 - Font Library
• (00:09) - Intro and WordPress 6.5
• (03:08) - Font Library and Developers Naming Things
• (05:05) - Release Landing Page, Playground, and WP CLI
• (09:49) - Styles Panel in the Site Editor
• (13:23) - Typography Panel and Tech issues
• (18:05) - Variants and Variable Fonts
• (19:52) - Google Fonts and GDPR
• (21:43) - Saving changes in the site editor
• (24:58) - Font Library's Journey to Core
• (28:01) - Ongoing Discussion for the Font Library
• (32:25) - The Hosting Companies Responsibility
• (35:47) - Composability