KeenWP

Curated resource guide

WordPress Interactivity API Resources

Build interactive WordPress frontends with the platform-native Interactivity API instead of defaulting to a heavy custom framework. This guide covers directives, stores, state, context, actions, server processing, hydration, block integration, progressive enhancement, navigation, accessibility, performance, debugging, testing, and compatibility.

Scope

What this guide covers

  • Interactivity API architecture
  • directives
  • stores
  • state and context
  • actions and callbacks
  • server-side processing
  • hydration
  • interactive blocks
  • view scripts/modules
  • data flow
  • DOM interaction
  • navigation and transitions where supported
  • integration with block.json and dynamic blocks
  • accessibility
  • performance
  • debugging
  • testing
  • progressive enhancement
  • compatibility
  • and building interactive frontend experiences without shipping unnecessarily heavy custom JavaScript frameworks

Selected references

Curated resources

Links open the original publisher so you can use the complete, current material in context.

  1. 01
    5
    Recommended starting point

    Interactivity API Reference

    The official map of requirements, concepts, directives, stores, navigation, and examples.

    developer.wordpress.org
  2. 02
    5

    Interactivity API Quick Start

    Build a minimal interactive block using block metadata, a render file, directives, and a store.

    developer.wordpress.org
  3. 03
    5

    Interactivity Directives and Store

    Learn the reactive connection between server markup, context, state, actions, and callbacks.

    developer.wordpress.org
  4. 04
    5

    About the Interactivity API

    Understand the block-first, PHP-friendly, composable, and progressively adoptable design goals.

    developer.wordpress.org
  5. 05
    5

    Interactivity Client-Side Navigation

    Use regions, navigate, prefetch, server state, and the router cache deliberately.

    developer.wordpress.org
  6. 06
    5

    @wordpress/interactivity

    Reference the bundled client package used to define stores and connect interactive behavior.

    developer.wordpress.org
  7. 07
    5

    @wordpress/interactivity-router

    Use the Core router store for supported region navigation and prefetch behavior.

    developer.wordpress.org