The main goal of the Interactivity API is to provide a standard and simple way to handle the frontend interactivity of Gutenberg blocks. This standard would make it easier for developers to create rich, interactive user experiences, from simple cases like counters or popups to more complex features like instant search, or carts and checkouts. In this session, you will learn more about this new developer API, through a live coding example.

1. 1
New WordPress Developer APIs
The Interactivity API
Jonathan Bossenger
Learn.WordPress.org

2. 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

3. Learn.WordPress.org
The Interactivity API
Jonathan Bossenger

4. 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.

5. 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

6. 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

7. 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

8. Let’s go!

9. 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/