1
New WordPress Developer APIs
The Interactivity API
Jonathan Bossenger
Learn.WordPress.org
2
👋🏽 Welcome!
As you join, let everyone know in the chat where you’re
joining us from, and feel free to share a little about what
you do with WordPress.
Hello!
○ My name is Jonathan Bossenger
○ From Cape Town, South Africa
○ Developer educator at Automattic
○ Sponsored to work with the Training Team
○ jonathanbossenger.com
Learn.WordPress.org
The Interactivity API
Jonathan Bossenger
Announcements
○ Welcome.
○ Please let me know if you can’t see this slide!
○ We are presenting in focus mode, but please feel free to enable your video.
○ You are welcome to ask questions.
○ You are welcome to post questions in the chat, or unmute to ask questions.
Announcements
○ If I am going too fast, please let me know!
○ We are recording this session and will be posting it to https://wordpress.tv/ afterwards.
○ https://learn.wordpress.org/ - WordPress learning resources
○ https://developer.wordpress.org/news/ - WordPress developer news
○ https://www.youtube.com/@WordPress/videos
What we will be looking into today
○ The new Interactivity API
• What is the Interactivity API
• Getting Started with the Interactivity API
• Diving into some more examples
• Further reading
Requirements
○ A local WordPress installation
○ Node.js and npm installed
• https://learn.wordpress.org/tutorial/installing-node-js-and-npm-for-local-wordpress-development/
○ A text editor
○ A terminal
Let’s go!
Resources
○ https://make.wordpress.org/core/2023/03/30/proposal-the-interactivity-api-a-better-developer-
experience-in-building-interactive-blocks/
○ https://make.wordpress.org/core/2023/08/15/status-update-on-the-interactivity-api/
○ https://github.com/WordPress/gutenberg/tree/trunk/packages/interactivity/docs
○ https://github.com/WordPress/block-development-examples
○ https://wpmovies.dev/

New WordPress Developer APIs The Interactivity API