# Intégration assistée par l'IA

Utilisez des assistants de codage IA pour intégrer et configurer le plugin Pushwoosh React Native dans votre projet. En connectant votre assistant au serveur MCP [Context7](https://context7.com/), il accède à une documentation à jour du plugin, à des exemples de code et à une référence de l'API — ce qui lui permet de générer un code d'intégration précis et fonctionnel.

<Aside type="note">
Votre assistant IA doit prendre en charge le [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) pour utiliser Context7. Les outils pris en charge incluent **Claude Code**, **Cursor**, **Windsurf**, **Cline**, et d'autres.
</Aside>

## Comment ça marche

Context7 est un serveur MCP qui fournit aux assistants IA une documentation de bibliothèque à jour. Lorsque votre assistant a accès à Context7, il peut récupérer les dernières documentations, extraits de code et références de l'API du plugin Pushwoosh React Native directement pendant la conversation — au lieu de se fier à des données d'entraînement potentiellement obsolètes.

L'ID de la bibliothèque du plugin Pushwoosh React Native sur Context7 est : **`/pushwoosh/pushwoosh-react-native-plugin`**

## Configuration de Context7

Ajoutez [Context7](https://github.com/upstash/context7#installation) à la configuration MCP de votre assistant IA :

<Tabs>
  <TabItem label="Claude Code">
Exécutez la commande suivante :

```bash
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY
```
  </TabItem>
  <TabItem label="Cursor / Windsurf">
Ajoutez à votre fichier de configuration MCP (`.cursor/mcp.json` ou équivalent) :

```json
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}
```
  </TabItem>
</Tabs>

## Exemples de prompts

Une fois Context7 configuré, vous pouvez utiliser des prompts en langage naturel pour intégrer le plugin. Vous trouverez ci-dessous des prompts prêts à l'emploi pour les tâches courantes.

### Intégration de base du plugin

```text
Integrate Pushwoosh React Native plugin into my React Native project.

Requirements:
- Install pushwoosh-react-native-plugin via npm
- Initialize Pushwoosh with my App ID in App component
- Register for push notifications and handle pushReceived and pushOpened events

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation.
```

### Gestion des notifications push

```text
Show me how to handle push notification callbacks (receive, open) with
Pushwoosh React Native plugin. I want to process push payload data and
navigate to specific screens based on custom data.

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation for push event handling.
```

### Segmentation des utilisateurs avec les tags

```text
Show me how to use Pushwoosh tags for user segmentation in a React Native app.
I need to set tags, get tags, and set user ID for cross-device tracking.

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation for setTags and getTags.
```

<Aside type="tip">
Ajouter **« Use Context7 MCP to fetch Pushwoosh React Native plugin documentation »** à la fin de votre prompt indique à l'assistant IA de récupérer les dernières documentations du plugin avant de générer le code.
</Aside>

## Ce que l'assistant IA reçoit

Lorsque votre assistant interroge Context7 pour le plugin Pushwoosh React Native, il reçoit :

-   **Instructions d'installation** — configuration npm/yarn et configuration spécifique à la plateforme
-   **Référence de l'API** — méthodes publiques, écouteurs d'événements et signatures de rappel (callback)
-   **Exemples de code** — extraits JavaScript et TypeScript pour les cas d'utilisation courants
-   **Documentation des événements** — gestionnaires d'événements pushReceived, pushOpened et de liens profonds (deep link)
-   **Détails de configuration** — paramètres d'initialisation, étapes de configuration pour iOS et Android