Skip to main content
React Native

Kundensupport für Ihre React Native App

React Query-Datenschicht, durchgehend TypeScript und ein flexibles Auth-Hooks-System. Eine vollständige Kundensupport-UI-Bibliothek für jede React Native-Anwendung.

Dokumentation lesen Auf GitHub ansehen
Terminal
$ npm install @escalated-dev/escalated-react-native

Warum Escalated

Warum Escalated für React Native

Eine TypeScript-native Bibliothek für Ihre kundenorientierte Support-Erfahrung.

React Query-Datenschicht

Tickets, Artikel und Mutationen werden über React Query-Hooks verwaltet. Automatisches Caching, Hintergrund-Aktualisierung und optimistische Updates.

Durchgehend TypeScript

Jede Komponente, jeder Hook und Service ist vollständig typisiert. Autovervollständigung, Compile-Time-Checks und null any-Typen.

Auth-Hooks-System

Überschreiben Sie Login-, Logout-, Registrierungs- und Token-Refresh-Verhalten. Nutzen Sie die Standard-Bearer-Token-Implementierung oder verbinden Sie Ihren eigenen Auth-Flow.

Erste Schritte

So funktioniert es

Drei Schritte von null zu einem funktionierenden Helpdesk.

1

Paket Installieren

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

2

Peer-Abhängigkeiten Installieren

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

3

Ihre App Einwickeln

Wickeln Sie Ihre App mit EscalatedProvider ein, übergeben Sie Ihre API-Basis-URL und verbinden Sie die Bildschirme mit Ihrer React Navigation.

Funktionen

Entwickelt für React Native

Alles was Sie für eine Kundensupport-Erfahrung in Ihrer React Native-App benötigen.

React Query-Hooks

useTickets, useCreateTicket, useReplyTicket, useArticles und mehr. Automatische Cache-Invalidierung und Hintergrundsynchronisierung.

React Navigation-Integration

Alle Bildschirme funktionieren mit React Navigation. Nutzen Sie createEscalatedTabs() für einen vorgefertigten Navigator oder verbinden Sie Bildschirme einzeln.

Dark & Light Theme

Volle Theme-Unterstützung mit ThemeProvider und useTheme-Hook. Respektiert Systemeinstellungen mit manuellem Umschalten.

i18n in 4 Sprachen

Übersetzungen in Englisch, Spanisch, Französisch und Deutsch enthalten. Alle kundenorientierten Strings sind lokalisierbar.

Konfigurierbare Design-Tokens

Überschreiben Sie Primärfarbe, Randradius und Abstände über EscalatedConfig, um sie an Ihre Marke anzupassen.

Vollständiges Bildschirm-Set

Login, Registrierung, Ticket-Liste, Ticket erstellen, Ticket-Detail mit Antworten, Wissensdatenbank, Gastzugang und Einstellungen — alles produktionsbereit.

Code

Einfache Integration

Wenige Zeilen, um Kundensupport zu Ihrer React Native-App hinzuzufügen.

// 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>
  );
}

Bereit, Support-Tickets zu Ihrer React Native-App hinzuzufügen?

Installieren Sie die Bibliothek, wickeln Sie Ihre App ein und verbinden Sie die Bildschirme. Open Source und für immer kostenlos.

Dokumentation lesen Auf GitHub ansehen