React Native

Customer support for your React Native app

React Query data layer, TypeScript throughout, and a flexible auth hooks system. A complete customer support UI library for any React Native application.

Read the Docs View on GitHub

Terminal

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

Why Escalated

Why Escalated for React Native

A TypeScript-native library designed for your customer-facing support experience.

React Query Data Layer

Tickets, articles, and mutations are managed through React Query hooks. Automatic caching, background refetching, and optimistic updates.

TypeScript Throughout

Every component, hook, and service is fully typed. Autocompletion, compile-time checks, and zero any types.

Auth Hooks System

Override login, logout, register, and token refresh behavior. Use the default Bearer token implementation or plug in your own auth flow.

Getting Started

How It Works

Three steps from zero to a working help desk.

Install the Package

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

Install Peer Dependencies

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

Wrap Your App

Wrap your app with EscalatedProvider, pass your API base URL, and wire the screens into your React Navigation.

Features

Built for React Native

Everything you need for a customer support experience in your React Native app.

React Query Hooks

useTickets, useCreateTicket, useReplyTicket, useArticles, and more. Automatic cache invalidation and background sync.

React Navigation Integration

All screens work with React Navigation. Use createEscalatedTabs() for a pre-built navigator or wire screens individually.

Dark & Light Theme

Full theme support with ThemeProvider and useTheme hook. Respects system preferences with manual toggle.

4-Language i18n

English, Spanish, French, and German translations included. All customer-facing strings are localizable.

Configurable Design Tokens

Override primary color, border radius, and spacing through EscalatedConfig to match your brand.

Complete Screen Set

Login, register, ticket list, create ticket, ticket detail with replies, knowledge base, guest access, and settings — all production-ready.

Code

Simple Integration

A few lines to add customer support to your React Native app.

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

Ready to add support tickets to your React Native app?

Install the library, wrap your app, and wire the screens. Open source and free forever.

Read the Documentation View on GitHub