Skip to main content
React Native

당신의 React Native 앱을 위한 고객 지원

React Query 데이터 레이어, 전체 TypeScript, 유연한 인증 훅 시스템. 모든 React Native 애플리케이션을 위한 완전한 고객 지원 UI 라이브러리.

문서 읽기 GitHub에서 보기
터미널
$ npm install @escalated-dev/escalated-react-native

왜 Escalated인가

React Native에 Escalated를 선택하는 이유

고객 대면 지원 경험을 위해 설계된 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로 앱을 래핑하고, API 기본 URL을 전달하고, React Navigation에 화면을 연결하세요.

기능

React Native를 위해 구축

React Native 앱에서 고객 지원 경험에 필요한 모든 것.

React Query 훅

useTickets, useCreateTicket, useReplyTicket, useArticles 등. 자동 캐시 무효화 및 백그라운드 동기화.

React Navigation 통합

모든 화면이 React Navigation과 작동합니다. createEscalatedTabs()로 사전 구축된 네비게이터를 사용하거나 화면을 개별적으로 연결하세요.

다크 & 라이트 테마

ThemeProvider와 useTheme 훅을 통한 완전한 테마 지원. 수동 전환으로 시스템 설정을 존중합니다.

4개 언어 i18n

영어, 스페인어, 프랑스어, 독일어 번역이 포함되어 있습니다. 모든 고객 대면 문자열은 현지화 가능합니다.

구성 가능한 디자인 토큰

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 앱에 지원 티켓을 추가할 준비가 되셨나요?

라이브러리를 설치하고, 앱을 래핑하고, 화면을 연결하세요. 오픈 소스이며 영원히 무료입니다.

문서 읽기 GitHub에서 보기