React Native

Supporto clienti per la tua app React Native

Livello dati React Query, TypeScript ovunque e un sistema flessibile di hook di autenticazione. Una libreria completa di interfaccia per il supporto clienti per qualsiasi applicazione React Native.

Leggi la documentazione Vedi su GitHub

Terminale

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

Perche Escalated

Perché Escalated per React Native

Una libreria TypeScript nativa progettata per la tua esperienza di supporto clienti.

Livello Dati React Query

Ticket, articoli e mutazioni sono gestiti tramite hook React Query. Cache automatico, aggiornamento in background e aggiornamenti ottimistici.

TypeScript Ovunque

Ogni componente, hook e servizio è completamente tipizzato. Autocompletamento, controlli a tempo di compilazione e zero tipi any.

Sistema di Hook di Autenticazione

Sovrascrivi il comportamento di login, logout, registrazione e aggiornamento token. Usa l'implementazione Bearer predefinita o collega il tuo flusso di autenticazione.

Per iniziare

Come funziona

Tre passi da zero a un help desk funzionante.

Installare il Pacchetto

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

Installare le Dipendenze Peer

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

Avvolgere la Tua App

Avvolgi la tua app con EscalatedProvider, passa il tuo URL base dell'API e collega le schermate al tuo React Navigation.

Funzionalita

Costruito per React Native

Tutto ciò di cui hai bisogno per un'esperienza di supporto clienti nella tua app React Native.

Hook React Query

useTickets, useCreateTicket, useReplyTicket, useArticles e altro. Invalidazione automatica della cache e sincronizzazione in background.

Integrazione React Navigation

Tutte le schermate funzionano con React Navigation. Usa createEscalatedTabs() per un navigatore precostruito o collega le schermate singolarmente.

Tema Chiaro e Scuro

Supporto completo dei temi con ThemeProvider e hook useTheme. Rispetta le preferenze di sistema con passaggio manuale.

i18n in 4 Lingue

Traduzioni in inglese, spagnolo, francese e tedesco incluse. Tutte le stringhe visibili al cliente sono localizzabili.

Token di Design Configurabili

Sovrascrivi colore primario, raggio del bordo e spaziatura tramite EscalatedConfig per adattarsi al tuo brand.

Set Completo di Schermate

Login, registrazione, lista ticket, crea ticket, dettaglio ticket con risposte, knowledge base, accesso ospite e impostazioni — tutto pronto per la produzione.

Codice

Integrazione Semplice

Poche righe per aggiungere il supporto clienti alla tua 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>
  );
}

Pronto ad aggiungere ticket di supporto alla tua app React Native?

Installa la libreria, avvolgi la tua app e collega le schermate. Open source e gratuito per sempre.

Leggi la documentazione Vedi su GitHub