Soporte al cliente para tu aplicación React Native
Capa de datos con React Query, TypeScript en todo el código y un sistema flexible de hooks de autenticación. Una biblioteca completa de UI de soporte al cliente para cualquier aplicación React Native.
$ npm install @escalated-dev/escalated-react-nativePor qué Escalated
Por qué Escalated para React Native
Una biblioteca nativa de TypeScript diseñada para tu experiencia de soporte al cliente.
Capa de Datos con React Query
Tickets, artículos y mutaciones se gestionan mediante hooks de React Query. Caché automático, actualización en segundo plano y actualizaciones optimistas.
TypeScript en Todo el Código
Cada componente, hook y servicio está completamente tipado. Autocompletado, verificaciones en tiempo de compilación y cero tipos any.
Sistema de Hooks de Autenticación
Sobrescribe el comportamiento de login, logout, registro y actualización de token. Usa la implementación Bearer predeterminada o conecta tu propio flujo de autenticación.
Primeros pasos
Cómo funciona
Tres pasos desde cero hasta un help desk funcional.
Instalar el Paquete
npm install @escalated-dev/escalated-react-native
Instalar Dependencias de Pares
npx expo install @react-navigation/native react-native-screens react-native-safe-area-context
Envolver tu App
Envuelve tu app con EscalatedProvider, pasa tu URL base de API y conecta las pantallas en tu React Navigation.
Características
Diseñado para React Native
Todo lo que necesitas para una experiencia de soporte al cliente en tu app React Native.
Hooks de React Query
useTickets, useCreateTicket, useReplyTicket, useArticles y más. Invalidación automática de caché y sincronización en segundo plano.
Integración con React Navigation
Todas las pantallas funcionan con React Navigation. Usa createEscalatedTabs() para un navegador preconstruido o conecta pantallas individualmente.
Tema Claro y Oscuro
Soporte completo de temas con ThemeProvider y hook useTheme. Respeta las preferencias del sistema con cambio manual.
i18n en 4 Idiomas
Traducciones en inglés, español, francés y alemán incluidas. Todas las cadenas visibles al cliente son localizables.
Tokens de Diseño Configurables
Sobrescribe el color primario, radio de borde y espaciado mediante EscalatedConfig para coincidir con tu marca.
Conjunto Completo de Pantallas
Login, registro, lista de tickets, crear ticket, detalle de ticket con respuestas, base de conocimientos, acceso de invitado y configuración — todo listo para producción.
Código
Integración Simple
Unas pocas líneas para agregar soporte al cliente a tu 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> ); }
¿Listo para agregar tickets de soporte a tu app React Native?
Instala la biblioteca, envuelve tu app y conecta las pantallas. Código abierto y gratis para siempre.