Поддержка клиентов для вашего React Native приложения
Слой данных React Query, TypeScript повсюду и гибкая система хуков аутентификации. Полная библиотека UI поддержки клиентов для любого React Native-приложения.
$ npm install @escalated-dev/escalated-react-nativeПочему Escalated
Почему Escalated для React Native
Нативная TypeScript-библиотека, разработанная для вашего клиентского опыта поддержки.
Слой Данных React Query
Тикеты, статьи и мутации управляются через хуки React Query. Автоматическое кеширование, фоновое обновление и оптимистичные обновления.
TypeScript Повсюду
Каждый компонент, хук и сервис полностью типизирован. Автодополнение, проверки при компиляции и ноль типов any.
Система Хуков Аутентификации
Переопределяйте поведение входа, выхода, регистрации и обновления токена. Используйте стандартную реализацию Bearer или подключите свой поток аутентификации.
Начало работы
Как это работает
Три шага от нуля до работающего help desk.
Установить Пакет
npm install @escalated-dev/escalated-react-native
Установить Peer-Зависимости
npx expo install @react-navigation/native react-native-screens react-native-safe-area-context
Обернуть Приложение
Оберните приложение с помощью EscalatedProvider, передайте базовый URL API и подключите экраны к вашему React Navigation.
Возможности
Создано для React Native
Всё необходимое для поддержки клиентов в вашем React Native-приложении.
Хуки React Query
useTickets, useCreateTicket, useReplyTicket, useArticles и другие. Автоматическая инвалидация кеша и фоновая синхронизация.
Интеграция React Navigation
Все экраны работают с React Navigation. Используйте createEscalatedTabs() для готового навигатора или подключайте экраны по отдельности.
Тёмная и Светлая Тема
Полная поддержка тем с ThemeProvider и хуком useTheme. Учитывает системные настройки с ручным переключением.
i18n на 4 Языках
Включены переводы на английский, испанский, французский и немецкий языки. Все клиентские строки локализуемы.
Настраиваемые Токены Дизайна
Переопределяйте основной цвет, радиус границ и отступы через EscalatedConfig для соответствия вашему бренду.
Полный Набор Экранов
Вход, регистрация, список тикетов, создание тикета, детали тикета с ответами, база знаний, гостевой доступ и настройки — всё готово к продакшену.
Код
Простая Интеграция
Несколько строк кода для добавления поддержки клиентов в ваше 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> ); }
Готовы добавить тикеты поддержки в ваше React Native-приложение?
Установите библиотеку, оберните приложение и подключите экраны. Открытый исходный код и бесплатно навсегда.