Skip to main content
React Native

دعم العملاء لتطبيق React Native الخاص بك

طبقة بيانات React Query وTypeScript في كل مكان ونظام خطافات مصادقة مرن. مكتبة واجهة دعم عملاء كاملة لأي تطبيق React Native.

الطرفية
$ npm install @escalated-dev/escalated-react-native

لماذا Escalated

لماذا Escalated لـ React Native

مكتبة TypeScript أصلية مصممة لتجربة دعم العملاء الخاصة بك.

طبقة بيانات React Query

تُدار التذاكر والمقالات والتحولات من خلال خطافات React Query. تخزين مؤقت تلقائي وإعادة جلب في الخلفية وتحديثات متفائلة.

TypeScript في كل مكان

كل مكون وخطاف وخدمة مكتوبة بالكامل. إكمال تلقائي وفحوصات وقت الترجمة وصفر أنواع any.

نظام خطافات المصادقة

تجاوز سلوك تسجيل الدخول والخروج والتسجيل وتحديث الرمز المميز. استخدم تنفيذ Bearer الافتراضي أو قم بتوصيل تدفق المصادقة الخاص بك.

البدء

كيف يعمل

ثلاث خطوات من الصفر إلى مكتب مساعدة يعمل.

1

تثبيت الحزمة

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

2

تثبيت تبعيات الأقران

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

3

تغليف تطبيقك

غلّف تطبيقك بـ EscalatedProvider، مرر عنوان URL الأساسي لـ API، واربط الشاشات بـ React Navigation الخاص بك.

المزايا

مبني لـ React Native

كل ما تحتاجه لتجربة دعم العملاء في تطبيق React Native الخاص بك.

خطافات React Query

useTickets وuseCreateTicket وuseReplyTicket وuseArticles والمزيد. إبطال تلقائي للذاكرة المؤقتة ومزامنة في الخلفية.

تكامل React Navigation

جميع الشاشات تعمل مع React Navigation. استخدم createEscalatedTabs() لمتصفح مبني مسبقاً أو اربط الشاشات بشكل فردي.

سمة داكنة وفاتحة

دعم كامل للسمات مع ThemeProvider وخطاف useTheme. يحترم تفضيلات النظام مع التبديل اليدوي.

دعم 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 الخاص بك؟

ثبّت المكتبة وغلّف تطبيقك واربط الشاشات. مفتوح المصدر ومجاني إلى الأبد.