Moi et mon équipe utilisons Optimizely pour effectuer des tests A/B. Normalement, nous créons des variations complexes où nous modifions la mise en page et le comportement des pages.
Dernièrement, nous avons commencé à travailler avec un client dont le site est construit sur ReactJS. Alors que le premier test A/B, où il suffisait de modifier certains éléments de la page et de la mise en page, était assez facile, nous avons été confrontés à un défi avec le deuxième test, où nous devions ajouter un élément qui devait affecter le comportement d'autres éléments.
En fait, nous avons une page avec des produits qui a un filtre avec 3 listes déroulantes. Nous avons besoin d'ajouter une liste déroulante supplémentaire, de sorte que lorsque nous changeons l'état de l'une des 4 listes déroulantes, la liste des produits sera modifiée en fonction de l'état actuel de toutes les listes déroulantes.
Le défi est que nous devons le faire "en dehors" de l'application ReactJS (sans modifier le code de l'application en arrière-plan), avec du code JavaScript/jQuery injecté par Optimizely.
La question est donc la suivante : existe-t-il un moyen d'utiliser les objets de l'application ReactJS et leurs méthodes avec un code JS/jQuery injecté en dehors de l'application ?
Notre objectif est de modifier le comportement de la page de la manière décrite ci-dessus, donc toute autre option pour résoudre ce problème sera également utile.
P.S. Pour l'instant, la seule façon de résoudre le problème que nous voyons est de recréer entièrement le filtre en JS/jQuery au lieu d'utiliser le filtre actuel, ce qui n'est pas une solution très efficace. C'est pourquoi je cherche d'autres idées.
