React Conf 2025 (Day 2)

지난 글에 이어 2025년 리액트 컨퍼런스 둘째 날 발표를 요약한 내용입니다.

둘째 날은 주로 React Native와 관련된 발표가 진행되었습니다.

전체 내용이 궁금한 분들은 링크에 있는 글을 참고하시면 좋을 것 같습니다!

• React Native Keynote

  • React Native 다운로드 100% 성장(주간 400만), 0.82 릴리스로 New Architecture 기본 활성화 및 Hermes V1 실험 지원
  • 웹 컨버전스 위해 React Strict DOM과 DOM APIs 추가, Shopify/Starlink 등 성공 사례 공유
  • Expo SDK 54, DevTools 성능 패널 강화, Vega OS 내장으로 미래 플랫폼 확장

• React Native, Amplified

  • Amazon의 Vega OS: React Native 내장 Linux 기반 OS, Fire TV 등 디바이스 지원으로 30% 자원 효율 향상
  • React Native for Vega(@amazon-devices/react-native-kepler)로 앱 간 라이브러리 공유, 10-12MB 저장 절약
  • Vega Developer Tools Public Beta, Rock 등 포팅 지원, AI 도구(Amazon Q, Kiro)로 개발 가속화

• React Strict DOM

  • 웹과 네이티브 단절 해결 위해 react-strict-dom: HTML/CSS polyfill로 단일 React UI 구축("Learn Once, Write Once")
  • Meta Facebook VR 앱에서 웹 코드 60% 공유 성공, 네이티브 성능 2.5배 개선
  • 미래: DOM API 63% 지원 확대, 크로스 플랫폼 애니메이션/스타일링 통합, AI 학습 최적화

• Reimagining Lists in React Native

  • Blanking List 문제(스크롤 시 콘텐츠 사라짐) 해결 위해 <VirtualView /> 실험, 컴포넌트: 동기/비동기 렌더링 우선순위 제어
  • Virtual Collections으로 가상화 리스트 최적화, visible/prerender 모드 분리, 0.83 릴리스 문서화 예정
  • New Architecture 기본화로 모바일 UI 프레임워크 수준 성능, 커뮤니티 피드백 요청

• React Everywhere: Bringing React Into Native Apps

  • WebView 한계(UX 저하, 성능 병목) 극복 위해 React Native Brownfield: 기존 네이티브 앱에 RN 뷰 점진적 삽입
  • rock 도구로 RN 앱 AAR/XCFramework 번들링, react-strict-dom/Nativewind로 universal 코드 공유
  • 단일 팀 ownership, WebView → RN 마이그레이션 전략으로 cross-platform 효율성 극대화

• How Parcel Bundles React Server Components

  • Parcel v2.14 RSC 지원: 서버/클라이언트 module graph 통합, "use client" 지시어로 proxy 생성 및 preload 자동화
  • Network Waterfalls 제거: 서버 dynamic import zero latency, CSS side effect 처리, code splitting 최적화
  • Bundler 레이어로 framework 독립적 RSC 구현, SSR 선택적 적용으로 성능/유연성 향상

• Designing Page Transitions

  • View Transitions API로 server-rendered 페이지 간 애니메이션: <ViewTransition />로 opt-in, 기본 crossfade 제공
  • Next.js Custom Link로 방향/공유 요소 커스터마이징, motion blur/easing으로 polished UX
  • Browser pseudo-elements로 고성능 static image 애니메이션, React coordination 위임으로 개발 간소화

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compiler 기본, liquid glass 등 네이티브 효과 즉시 통합, 4배 빠른 EAS Build
  • EAS Deploy/TestFlight 자동화로 5분 배포, Expo Launch one-click App Store 런치
  • 네이티브 CSS 지원(Tailwind 호환), AI Copilot 데모로 40초 Pokédex 앱 생성

• The React Router take on RSC

  • Vite plugin으로 RSC 활성화, 기존 앱 점진적 도입: loader → async Server Component 변환
  • Nested routes 독립 RSC 적용, Server Actions로 form/action 단순화, "use client" 주의
  • Type-safe 라우팅/데이터 로딩, 클라이언트-서버 혼합 지원으로 full-stack 유연성

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Vite 기반 web standards 프레임워크: route functions, interrupters/middleware, Cloudflare Workers 최적화
  • Server-first RSC 스트리밍, WebSockets real-time, no-JS SSR → hydration → View Transitions 지원
  • pnpm release one-command deploy, Durable Objects/DB 통합으로 complete document control

• TanStack Start

  • Client-first full-stack: TanStack Router 기반 type-safe 라우팅/데이터 로딩, SSR 토글 가능
  • CLI로 앱 생성, server functions/middleware, API routes 파일 기반, add-ons(Prisma/Neon) 통합
  • SPA 패턴 유지하며 full-stack 업그레이드, 커뮤니티 주도 개발로 React 생태계 안정성 강조

• What's The Framework of the React Future?

  • 패널 토론: Next.js(Partial Prerendering), Remix(RSC 필수), Expo(유니버설), TanStack Start(type-safe) 등 수렴 추세
  • AI/LLM 통합: 로컬 모델, MCP 프로토콜, 스트리밍 SSR로 개발/배포 혁신
  • React Foundation 비전: 프레임워크 메타 수렴, signals/외부 스토어, 세밀 성능 제어 필요

• Async React (continued)

  • Synchronous TODO 앱 문제 해결: Transitions/Suspense/useOptimistic으로 janky UX 개선, View Transitions 애니메이션
  • action props 패턴(React 19): 자동 transition/mutation 처리, 로딩 상태 내장
  • Async React WG: router/데이터/디자인 표준화, 선언적 async 아키텍처로 AI/인간 친화적 UX