WordPress Interactivity API
Develops and debugs interactive WordPress blocks using the Interactivity API and standardized data-wp directives.
This skill provides deep technical guidance for the WordPress Interactivity API, enabling developers to build high-performance, interactive frontend experiences within the WordPress ecosystem. It covers the full implementation lifecycle, from server-side rendering (SSR) and state initialization in PHP to client-side hydration and store management. By following modern WordPress core standards, it helps optimize performance, resolve hydration mismatches, and ensure that interactive components are both SEO-friendly and accessible.
主な機能
01Support for WordPress 6.9+ features including unique directive IDs and new TS types
02Server-side rendering (SSR) setup for improved SEO and perceived load time
03Advanced debugging for hydration errors and inert frontend components
0434 GitHub stars
05Automated implementation of data-wp-* directives and store logic
06Guidance on block viewScriptModule integration and WP-CLI workflows
ユースケース
01Fixing hydration mismatches where frontend behavior doesn't match server markup
02Building dynamic, interactive blocks like instant search, carts, or live filters
03Migrating legacy jQuery or vanilla JS interactions to the official Interactivity API