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