Skip to main content
React Native

Klantenondersteuning voor je React Native app

React Query-datalaag, TypeScript overal en een flexibel auth-hooks-systeem. Een complete klantenondersteuning UI-bibliotheek voor elke React Native-applicatie.

Lees de documentatie Bekijk op GitHub
Terminal
$ npm install @escalated-dev/escalated-react-native

Waarom Escalated

Waarom Escalated voor React Native

Een TypeScript-native bibliotheek ontworpen voor je klantgerichte supportervaring.

React Query Datalaag

Tickets, artikelen en mutaties worden beheerd via React Query hooks. Automatische caching, achtergrondverversing en optimistische updates.

TypeScript Overal

Elk component, hook en service is volledig getypeerd. Autocompletie, compile-time checks en nul any-types.

Auth Hooks Systeem

Overschrijf login-, logout-, registratie- en token-verversingsgedrag. Gebruik de standaard Bearer-token-implementatie of koppel je eigen auth-flow.

Aan de slag

Hoe het werkt

Drie stappen van nul naar een werkende helpdesk.

1

Pakket Installeren

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

2

Peer Dependencies Installeren

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

3

Je App Wrappen

Wrap je app met EscalatedProvider, geef je API-basis-URL door en koppel de schermen aan je React Navigation.

Functies

Gebouwd voor React Native

Alles wat je nodig hebt voor een klantenondersteuningservaring in je React Native-app.

React Query Hooks

useTickets, useCreateTicket, useReplyTicket, useArticles en meer. Automatische cache-invalidatie en achtergrondsynchronisatie.

React Navigation Integratie

Alle schermen werken met React Navigation. Gebruik createEscalatedTabs() voor een voorgebouwde navigator of koppel schermen individueel.

Donker & Licht Thema

Volledige thema-ondersteuning met ThemeProvider en useTheme hook. Respecteert systeemvoorkeuren met handmatige wisseling.

i18n in 4 Talen

Engelse, Spaanse, Franse en Duitse vertalingen inbegrepen. Alle klantgerichte strings zijn lokaliseerbaar.

Configureerbare Design Tokens

Overschrijf primaire kleur, randradius en spatiëring via EscalatedConfig om bij je merk te passen.

Complete Schermenset

Login, registratie, ticketlijst, ticket aanmaken, ticketdetail met antwoorden, kennisbank, gasttoegang en instellingen — allemaal productierijp.

Code

Eenvoudige Integratie

Een paar regels om klantenondersteuning aan je React Native-app toe te voegen.

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

Klaar om supporttickets aan je React Native-app toe te voegen?

Installeer de bibliotheek, wrap je app en koppel de schermen. Open source en voor altijd gratis.

Lees de documentatie Bekijk op GitHub