React Native

Wsparcie klienta dla Twojej aplikacji React Native

Warstwa danych React Query, TypeScript wszędzie i elastyczny system hooków uwierzytelniania. Kompletna biblioteka UI wsparcia klienta dla każdej aplikacji React Native.

Przeczytaj dokumentację Zobacz na GitHub

Terminal

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

Dlaczego Escalated

Dlaczego Escalated dla React Native

Natywna biblioteka TypeScript zaprojektowana dla Twojego doświadczenia wsparcia klienta.

Warstwa Danych React Query

Zgłoszenia, artykuły i mutacje są zarządzane przez hooki React Query. Automatyczne buforowanie, odświeżanie w tle i optymistyczne aktualizacje.

TypeScript Wszędzie

Każdy komponent, hook i serwis jest w pełni typowany. Autouzupełnianie, sprawdzenia w czasie kompilacji i zero typów any.

System Hooków Uwierzytelniania

Nadpisz zachowanie logowania, wylogowania, rejestracji i odświeżania tokenu. Użyj domyślnej implementacji Bearer lub podłącz własny przepływ uwierzytelniania.

Rozpoczęcie pracy

Jak to działa

Trzy kroki od zera do działającego help desku.

Zainstaluj Pakiet

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

Zainstaluj Zależności Peer

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

Opakuj Swoją Aplikację

Opakuj swoją aplikację za pomocą EscalatedProvider, przekaż bazowy URL API i podłącz ekrany do React Navigation.

Funkcje

Zbudowane dla React Native

Wszystko czego potrzebujesz do obsługi wsparcia klienta w swojej aplikacji React Native.

Hooki React Query

useTickets, useCreateTicket, useReplyTicket, useArticles i więcej. Automatyczna inwalidacja cache i synchronizacja w tle.

Integracja React Navigation

Wszystkie ekrany działają z React Navigation. Użyj createEscalatedTabs() dla wstępnie zbudowanego nawigatora lub podłącz ekrany indywidualnie.

Ciemny i Jasny Motyw

Pełna obsługa motywów z ThemeProvider i hookiem useTheme. Respektuje preferencje systemowe z ręcznym przełączaniem.

i18n w 4 Językach

Dołączone tłumaczenia na angielski, hiszpański, francuski i niemiecki. Wszystkie ciągi znaków widoczne dla klienta są lokalizowalne.

Konfigurowalne Tokeny Designu

Nadpisz kolor główny, promień obramowania i odstępy przez EscalatedConfig, aby dopasować je do Twojej marki.

Kompletny Zestaw Ekranów

Logowanie, rejestracja, lista zgłoszeń, tworzenie zgłoszenia, szczegóły zgłoszenia z odpowiedziami, baza wiedzy, dostęp gościa i ustawienia — wszystko gotowe do produkcji.

Kod

Prosta Integracja

Kilka linii kodu, aby dodać wsparcie klienta do Twojej aplikacji 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>
  );
}

Gotowy, aby dodać zgłoszenia wsparcia do swojej aplikacji React Native?

Zainstaluj bibliotekę, opakuj swoją aplikację i podłącz ekrany. Otwarte źródło i na zawsze za darmo.

Przeczytaj dokumentację Zobacz na GitHub