React Conf 2025 (Day 2)
(frontoverflow.com)지난 글에 이어 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 프레임워크 수준 성능, 커뮤니티 피드백 요청
- Blanking List 문제(스크롤 시 콘텐츠 사라짐) 해결 위해
-
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 선택적 적용으로 성능/유연성 향상
- Parcel v2.14 RSC 지원: 서버/클라이언트 module graph 통합,
-
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 위임으로 개발 간소화
- View Transitions API로 server-rendered 페이지 간 애니메이션:
-
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