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.
$ npm install @escalated-dev/escalated-react-nativePourquoi 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.
Installer le Paquet
npm install @escalated-dev/escalated-react-native
Installer les Dépendances Pairs
npx expo install @react-navigation/native react-native-screens react-native-safe-area-context
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.