@wordpress/interactivity

@wordpress/interactivity fournit les primitives JavaScript utilisées par l'Interactivity API pour relier état et directives. Son emploi dépend des mécanismes et composants disponibles sur le site WordPress.

Comprendre et utiliser

À quoi sert ce terme ?

@wordpress/interactivity fournit les primitives JavaScript utilisées par l'Interactivity API pour relier état et directives. Son utilité concrète est de partager les actions d'un compteur ou d'un panneau d'explication entre blocs interactifs. Cette approche permet de cibler le bon composant et de définir le comportement attendu avant de modifier le code ou la configuration.

Fonctionnement technique

Un paquet @wordpress encapsule un ensemble ciblé de composants, sélecteurs, hooks ou outils de construction. Son utilisation passe par les imports JavaScript et par une chaîne de compilation ou les dépendances enregistrées dans WordPress, selon le contexte. Dans le cas de « @wordpress/interactivity », la responsabilité particulière est de fournit les primitives JavaScript utilisées par l'Interactivity API pour relier état et directives. Distinguer la valeur déclarée du comportement réellement observé permet d’éviter des conclusions erronées.

Dans quel contexte l’utiliser ?

Situation professionnelle : Partager les actions d'un compteur ou d'un panneau d'explication entre blocs interactifs. Repérer le contenu concerné, les droits de l’utilisateur et le résultat à mesurer. Ne pas étendre le changement à l’ensemble du site sans justification.

Exemple technique commenté

Extrait pédagogique dans développement JavaScript et Gutenberg, pour partager les actions d'un compteur ou d'un panneau d'explication entre blocs interactifs. Identifier le fichier d’intégration et les dépendances avant toute adaptation ; les noms ATOOLPHA sont illustratifs. Un import qui compile ne garantit pas à lui seul que le paquet est fourni sur toutes les installations. Vérifier les versions, les dépendances et les points d’extension publics documentés avant distribution. Le code montré est un fragment explicatif et peut dépendre de déclarations, hooks, imports ou fichiers non reproduits.

import { store, getContext } from '@wordpress/interactivity';

Décryptage de l’exemple

L’extrait montre le point d’entrée technique par lequel on peut fournit les primitives JavaScript utilisées par l'Interactivity API pour relier état et directives. Il n’inclut pas forcément la déclaration du composant, le hook ou le traitement d’erreur : ces parties dépendent du projet réel.

Résultat attendu

Résultat recherché : partager les actions d'un compteur ou d'un panneau d'explication entre blocs interactifs. Le résultat n'est pas déclaré testé : il reste à observer dans une installation WordPress compatible.

Mise en pratique et vérification

Sur un site de test : partager les actions d'un compteur ou d'un panneau d'explication entre blocs interactifs. Essayer un cas normal et un cas limite, puis comparer le résultat observé au comportement annoncé. La vérification critique est : ne pas le confondre avec le code React de l'éditeur.

Précautions et erreurs fréquentes

Point de vigilance : ne pas le confondre avec le code React de l'éditeur. En cas d’écart, examiner le contexte d’exécution, la version de WordPress et les messages de la console ou des journaux PHP avant de modifier la configuration.

À ne pas confondre

Ne pas confondre le paquet JavaScript utilisé au développement, le script livré et les dépendances gérées par WordPress lors de l’exécution.

Diagnostic avancé

Dans un projet de démonstration local, importer le module, lancer la compilation et ouvrir l’écran WordPress qui le consomme. Inspecter les dépendances générées et les erreurs de console. En cas de divergence, contrôler cette limite : ne pas le confondre avec le code React de l'éditeur.

Architecture et maintenance

Les extraits doivent être intégrés à une source compilée ou chargée selon les mécanismes WordPress prévus. Une dépendance npm décrit le développement ; les scripts réellement en file d’attente déterminent le comportement en production. Pour cette notion, documenter les préconditions, les dépendances et la solution de repli lorsque l’API n’est pas disponible.