Skip to main content
React Native

Suporte ao cliente para seu app React Native

Camada de dados React Query, TypeScript em todo o código e um sistema flexível de hooks de autenticação. Uma biblioteca completa de UI de suporte ao cliente para qualquer aplicação React Native.

Ler a documentacao Ver no GitHub
Terminal
$ npm install @escalated-dev/escalated-react-native

Por que Escalated

Por que Escalated para React Native

Uma biblioteca TypeScript nativa projetada para sua experiência de suporte ao cliente.

Camada de Dados React Query

Tickets, artigos e mutações são gerenciados por hooks React Query. Cache automático, atualização em segundo plano e atualizações otimistas.

TypeScript em Todo o Código

Cada componente, hook e serviço é totalmente tipado. Autocompletação, verificações em tempo de compilação e zero tipos any.

Sistema de Hooks de Autenticação

Substitua o comportamento de login, logout, registro e atualização de token. Use a implementação Bearer padrão ou conecte seu próprio fluxo de autenticação.

Primeiros passos

Como funciona

Tres passos do zero a um help desk funcionando.

1

Instalar o Pacote

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

2

Instalar Dependências de Pares

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

3

Envolver Seu App

Envolva seu app com EscalatedProvider, passe sua URL base da API e conecte as telas ao seu React Navigation.

Recursos

Feito para React Native

Tudo que você precisa para uma experiência de suporte ao cliente no seu app React Native.

Hooks React Query

useTickets, useCreateTicket, useReplyTicket, useArticles e mais. Invalidação automática de cache e sincronização em segundo plano.

Integração React Navigation

Todas as telas funcionam com React Navigation. Use createEscalatedTabs() para um navegador pré-construído ou conecte telas individualmente.

Tema Claro e Escuro

Suporte completo a temas com ThemeProvider e hook useTheme. Respeita preferências do sistema com alternância manual.

i18n em 4 Idiomas

Traduções em inglês, espanhol, francês e alemão incluídas. Todas as strings visíveis ao cliente são localizáveis.

Tokens de Design Configuráveis

Substitua cor primária, raio de borda e espaçamento via EscalatedConfig para combinar com sua marca.

Conjunto Completo de Telas

Login, registro, lista de tickets, criar ticket, detalhe do ticket com respostas, base de conhecimento, acesso de convidado e configurações — tudo pronto para produção.

Codigo

Integração Simples

Poucas linhas para adicionar suporte ao cliente ao seu 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 para adicionar tickets de suporte ao seu app React Native?

Instale a biblioteca, envolva seu app e conecte as telas. Código aberto e gratuito para sempre.

Ler a documentacao Ver no GitHub