Skip to main content
React Native

Support client pour votre application React Native

Couche de données React Query, TypeScript partout et un système flexible de hooks d'authentification. Une bibliothèque complète d'interface de support client pour toute application React Native.

Terminal
$ npm install @escalated-dev/escalated-react-native

Pourquoi Escalated

Pourquoi Escalated pour React Native

Une bibliothèque TypeScript native conçue pour votre expérience de support client.

Couche de Données React Query

Tickets, articles et mutations sont gérés via des hooks React Query. Cache automatique, rafraîchissement en arrière-plan et mises à jour optimistes.

TypeScript Partout

Chaque composant, hook et service est entièrement typé. Autocomplétion, vérifications à la compilation et zéro type any.

Système de Hooks d'Authentification

Remplacez le comportement de connexion, déconnexion, inscription et rafraîchissement de token. Utilisez l'implémentation Bearer par défaut ou branchez votre propre flux d'authentification.

Pour commencer

Comment ca marche

Trois etapes de zero a un help desk fonctionnel.

1

Installer le Paquet

npm install @escalated-dev/escalated-react-native

2

Installer les Dépendances Pairs

npx expo install @react-navigation/native react-native-screens react-native-safe-area-context

3

Envelopper Votre App

Enveloppez votre app avec EscalatedProvider, passez votre URL API de base et connectez les écrans dans votre React Navigation.

Fonctionnalites

Conçu pour React Native

Tout ce dont vous avez besoin pour une expérience de support client dans votre app React Native.

Hooks React Query

useTickets, useCreateTicket, useReplyTicket, useArticles et plus. Invalidation automatique du cache et synchronisation en arrière-plan.

Intégration React Navigation

Tous les écrans fonctionnent avec React Navigation. Utilisez createEscalatedTabs() pour un navigateur préconstruit ou connectez les écrans individuellement.

Thème Clair et Sombre

Support complet des thèmes avec ThemeProvider et hook useTheme. Respecte les préférences système avec basculement manuel.

i18n en 4 Langues

Traductions en anglais, espagnol, français et allemand incluses. Toutes les chaînes visibles par le client sont localisables.

Tokens de Design Configurables

Remplacez la couleur primaire, le rayon de bordure et l'espacement via EscalatedConfig pour correspondre à votre marque.

Ensemble Complet d'Écrans

Connexion, inscription, liste de tickets, création de ticket, détail de ticket avec réponses, base de connaissances, accès invité et paramètres — tout prêt pour la production.

Code

Intégration Simple

Quelques lignes pour ajouter le support client à votre app React Native.

// App.tsx
import { EscalatedProvider, createEscalatedTabs } from '@escalated-dev/escalated-react-native';
import { NavigationContainer } from '@react-navigation/native';

const SupportTabs = createEscalatedTabs();

export default function App() {
  return (
    <EscalatedProvider
      baseUrl="https://api.example.com"
      primaryColor="#6366f1"
    >
      <NavigationContainer>
        <SupportTabs />
      </NavigationContainer>
    </EscalatedProvider>
  );
}

Prêt à ajouter des tickets de support à votre app React Native ?

Installez la bibliothèque, enveloppez votre app et connectez les écrans. Open source et gratuit pour toujours.