FirstTx — CSR 재방문 최적화 라이브러리
CSR 앱의 재방문 빈 화면을 제거하고, IndexedDB ↔ React 동기화를 단순화합니다.
- Prepaint: IndexedDB 스냅샷을 부트 스크립트(<2 KB)로 즉시 복원 → 재방문 빈 화면 ≈ 0 ms
- Local-First:
useSyncExternalStore+ 메모리 캐시로 비동기 IndexedDB를 React와 동기 연결 - Tx: ViewTransition 통합 트랜잭션, 실패 시 자동 롤백
📦 NPM: @firsttx/prepaint / @firsttx/local-first / @firsttx/tx
🎮 Demo: firsttx-playground.vercel.app
📝 블로그: 기획 배경 / Prepaint 구현 / Local-First 원리
- 55% 성능 개선: 500개 동시 쿼리 시나리오에서 캐싱 최적화로
findMatchingObservers호출 감소
→ PR #8641 · v5.66.3 릴리스 - Suspense 모드 무한 리렌더링 방지
→ PR #9623 · v4.40.2 릴리스 - persist 복원 후 combine 함수 실행 누락 수정
→ PR #9592 · v5.85.9 릴리스
skipRevalidation플래그 전달 누락 버그 수정
→ PR #14286 · v7.9.0 릴리스- 브라우저 스토리지 제한 환경 대응
→ PR #14335 · v7.9.2 릴리스
- EA Korea · Frontend Engineer (계약직) · 2025.03 ~ 현재
- NHN Injeinc · Frontend Engineer (정규직) · 2024.05 ~ 2025.03
- 판도라TV · Frontend Engineer (정규직) · 2023.07 ~ 2024.05
- React Query 내부 동작 원리 - 선택적 리렌더링 최적화
- React Query Issue 해결하기
- 왜 Suspense가 도입되었을까?
- Next.js Cache: 빠른 속도와 정확한 데이터 사이에서
더 많은 글: joseph0926.com



