-
Relay와 GraphQL의 개념을 tRPC 환경에 적용해, React 애플리케이션의 데이터 패칭과 상태 관리를 선언적·예측 가능한 형태로 단순화한 도구
-
View Composition을 통해 각 컴포넌트가 필요한 데이터를 명시하고, 화면 단위로 하나의 요청으로 병합해 네트워크 호출 최소화
-
정규화 캐시(Normalized Cache) 를 유지해 데이터 중복과 불일치 방지, 액션·뮤테이션 기반 업데이트 지원
-
Data Masking으로 요청하지 않은 필드를 자동 차단해 컴포넌트 간 결합도 감소 및 과다 패칭 방지
-
Async React 기능(Suspense, Actions,
use)을 활용해 동시 렌더링 및 자연스러운 로딩 처리 구현
-
Cursor 기반 페이지네이션과 무한 스크롤을 위한 리스트 관리 기능 내장
-
Optimistic Update로 서버 응답 전 UI를 즉시 갱신하고, 실패 시 캐시 롤백 처리
-
AI-Ready 설계로 명시적 데이터 선택과 예측 가능한 API를 제공, 타입 안전한 코드 생성에 유리
-
View 중심 설계로 각 컴포넌트가 필요한 필드를 선언하고, 트리 상단에서 단일 요청으로 데이터 수집
- GraphQL의 Fragment 개념을 JavaScript 객체 기반으로 단순화
- 서버 측은 tRPC + Prisma 기반으로 동작
-
차후 계획: Drizzle 지원, 오프라인 캐시, 실시간 업데이트(
useLiveView), 코드 생성 개선, 가비지 컬렉션 등 추가 예정