Composants de données réactifs

Introduction

Les composants réactifs sont conçus pour répondre de manière dynamique aux changements de données ou aux interactions des utilisateurs. Lorsqu'un composant est mis à jour, les composants connexes se rafraîchissent automatiquement pour refléter ces modifications. Cela crée une expérience fluide et engageante pour les visiteurs de votre site.

Comment cela améliore-t-il mon site ?

Ces composants améliorés ouvrent de nouvelles possibilités pour créer des expériences dynamiques et interactives au sein d'Experience Cloud. Vous pouvez concevoir des sites qui répondent activement aux actions des utilisateurs, fournissant des informations pertinentes sans actualisations manuelles ni navigation.

Des cartes qui racontent une histoire

Imaginez une carte affichant divers comptes sur votre site. Lorsqu'un utilisateur sélectionne un emplacement, les détails du compte concerné (par exemple, nom, description, secteur) apparaissent instantanément dans une zone de texte ailleurs sur la page. Cette exploration visuelle intuitive des données améliore l'expérience utilisateur et fournit des informations pertinentes contextuellement.

Des tableaux de données qui communiquent entre eux

Considérez un tableau listant des comptes. Lorsqu'un utilisateur sélectionne un compte, un tableau séparé se met à jour dynamiquement pour afficher tous les contacts associés. Cette interconnexion permet aux utilisateurs de naviguer facilement dans de grands ensembles de données et d'accéder à des informations pertinentes sans actualiser la page.

Pourquoi les composants réactifs sont-ils importants ?

Permettre aux composants de réagir et de communiquer entre eux rend votre site plus dynamique et réactif aux interactions des utilisateurs. Les visiteurs peuvent désormais découvrir et accéder aux informations plus efficacement, conduisant à une expérience globale plus significative.

Configuration de vos composants Avonni réactifs

Adoptez cette nouvelle ère en intégrant ces composants réactifs dans votre site Experience Cloud. Voici comment :

Qu'est-ce qui rend un composant « réactif » ?

Deux étapes simples pour la magie réactive

1. Nommez vos composants de données (componentApiName) :

   • Pensez à cela comme donner un surnom à vos composants. Par exemple, si vous avez un tableau listant des comptes, appelez-le accountsDatatable

2. Dites aux autres composants comment réagir :

   • Décidez quels composants doivent afficher des informations lorsqu'un utilisateur interagit.

   • Utilisez un format de code spécial :

     • {{componentApiName.selectedRecord.componentFieldApiName}}

     • Décortiquons cela :

       • componentApiName: Le surnom que vous avez donné à votre composant (par ex., accountsDatatable)

       • selectedRecord: La ligne/élément sur lequel l'utilisateur a cliqué

       • componentFieldApiName: L'information spécifique que vous souhaitez afficher (par ex., Nom, Secteur)

Exemples guidés

Carte interactive

Tables de données liées