دعم العملاء لتطبيق 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 الافتراضي أو قم بتوصيل تدفق المصادقة الخاص بك.
البدء
كيف يعمل
ثلاث خطوات من الصفر إلى مكتب مساعدة يعمل.
تثبيت الحزمة
npm install @escalated-dev/escalated-react-native
تثبيت تبعيات الأقران
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. يحترم تفضيلات النظام مع التبديل اليدوي.
دعم 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 الخاص بك؟
ثبّت المكتبة وغلّف تطبيقك واربط الشاشات. مفتوح المصدر ومجاني إلى الأبد.