Intégration ReactJs

Généralités

L'intégration de Retorik Framework dans une application ReactJs s'effectue en important le paquet @davi-ai/retorik-framework depuis NPM :

npm install @davi-ai/retorik-framework

Instanciation du composant

En fonction des besoins, importez l'un des composants suivants :

• RetorikAgent : mode pleine page avec un design responsive
• RetorikWidget : mode widget, avec un bouton permettant d'ouvrir Retorik Framework dans une fenêtre de taille réduite
• RetorikNews : mode pleine page, avec uniquement la chaîne d'informations

  import { RetorikAgent } from "@davi-ai/retorik-framework"
  import { RetorikWidget } from "@davi-ai/retorik-framework"
  import { RetorikNews } from "@davi-ai/retorik-framework"

Configuration

Le lancement de l'application nécessite la présence d'un seul paramètre en mode normal / news, et deux en mode widget.

Exemple simple

  import React from 'react'
  import type { AddressData } from '@davi-ai/retorik-framework'
  import { RetorikAgent } from '@davi-ai/retorik-framework'

  const addressData: AddressData: {
    tenant: '<mon_tenant>'
  }

  const App = () => {
    return <RetorikAgent {{ addressData: addressData }} />
  }

  export default App