Developer Hours: Building custom blocks in WordPress with the Interactivity API
The Interactivity API was 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 demonstrates 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.
Resources:
Damon's demo plugin: github.com/colorful-tones/fee...
Interactivity API documentation: developer.wordpress.org/block...
Tutorial on building a custom block: developer.wordpress.org/block...
---
View this video and others on WordPress.TV: wordpress.tv/2024/04/09/devel...
Пікірлер: 8
Guys can you bring some videos about woocommerce blocks and check-out events which happens in the frontend
Please make guides on custom development topics: - Sliders with Static Gutenberg blocks - Headless Wordpress - Wordpress and External databases - Wordpress and APIs integration - custom tables in Wordpress database - Plugin development and so on
Thanks again guys!!!🦾
Great! Thank you!
Great! Which theme he was using?! :O
@DamonCook0
3 ай бұрын
I used the Twenty Twenty-Four theme in my WordPress demo, but the final code should work with any block theme.
@renanrollo4436
3 ай бұрын
@@DamonCook0 Thank you Damon. But i mean your vscode theme 😃
how about taking some hints from ACF and make this crap actually usable for devs tho? nobody cares about react in wordpress just to be able to build a block that ACF can do with a couple of lines of php and normal javascript.