WordPress Developer Hours: Interactivity API (APAC/EMEA)

Показать описание

What if effortlessly creating performant, fluid, and idiomatic frontend interactivity on block-based WordPress sites was possible? Imagine plugins providing interactions like "heart this post" or "add to cart" without page reloads. Picture instant search, commenting, and native full-page transitions as best-in-class built-ins without complex scaffolding or external tools. Envision achieving this in any block theme by default, without sacrificing PHP server rendering and the plugin ecosystem for a JS runtime. Visualize block developers easily declaring and extending such behaviors in a way that is immediately familiar and compatible with the block ecosystem.

That’s what we aim to explore and unlock with the Interactivity API.

This session features a live product demo presented by Mario Santos, one of the developers who has brought the Interactivity API to fruition. Following the demo, Mario answers questions posed by the audience.

___________________________________________

___________________________________________

Links from the talk:

___________________________________________

00:00 - Introduction
07:05 - What the Interactivity API is
08:25 - Movies demo
12:06 - Directives
12:45 - Interactivity API vs React
18:18 - Goals
19:53 - Server-side rendering
22:10 - Backward compatibility (WordPress hooks)
26:55 - Extending functionality - adding zoom to images
30:33 - Declarative, reactive and performant
33:50 - Benefits
38:10 - Q & A
38:25 - Accessibility
43:15 - Data store
44:52 - Side-effects (e.g. REST requests)
50:39 - The Interactivity API in Gutenberg phases 3 and 4
52:05 - Preact vs React
55:56 - Experimentation
57:25 - Wrap-up

#webdevelopment #frontend #javascript #wordpress #gutenberg #developer #blockdevelopment