close

Core Concepts

This section provides some guides on important concepts and mental models related to Interactivity API development. Use the following links to learn more:

  1. The Reactive and Declarative mindset: This guide covers core concepts of reactivity and declarativeness, providing a foundation for effective use of the Interactivity API.

  2. Understanding global state, local context, derived state and config: The guide explains how to effectively use global state, local context, and derived state within the Interactivity API emphasizing the importance of choosing the appropriate state management technique based on the scope and requirements of your data.

  3. Server-side rendering: Processing directives on the server: The Interactivity API allows WordPress to use server-side rendering to create interactive and state-aware HTML, smoothly connected with client-side features while maintaining performance and SEO benefits.

  4. Using TypeScript: This guide will walk you through the process of using TypeScript with Interactivity API stores, covering everything from basic type definitions to advanced techniques for handling complex store structures.

  5. Client-Side Navigation: This guide explains how to use the @wordpress/interactivity-router package to implement client-side navigation, enabling faster page transitions by updating only the parts of the page that change.