React 팀, 새로운 기능 공개!
by DD
3년 전
조회수 5
React Server Components의 안정적인 출시를 위해 Vercel, Shopify와 협력하여 번들러 지원을 통합함
React Forget 컴파일러의 새로운 아키텍처를 통해 메모이제이션 최적화 기회를 확대함
Offscreen API를 통해 UI를 숨기면서 렌더링 우선순위를 낮춰 성능 향상을 도모함
React Server Components: 아키텍처 심층 분석
React Server Components(RSC)는 서버에서 렌더링된 컴포넌트를 클라이언트로 스트리밍하는 기술이다. 구체적으로 async/await 모델을 채택하여 데이터 페칭을 개선했다. 따라서 번들러 지원 통합을 통해 생태계 전반의 일관성을 확보하고 있다.
React Forget 컴파일러: 성능 최적화 전략
React Forget은 useMemo와 useCallback 호출을 자동 생성하여 불필요한 리렌더링을 방지한다. 로컬 변이와 같은 복잡한 패턴을 분석하여 메모이제이션 범위를 확장한다. 결과적으로 개발자는 성능 개선과 함께 React의 프로그래밍 모델을 유지할 수 있다.
Offscreen API: UI 렌더링 효율성 개선
Offscreen API는 UI를 숨기면서 렌더링 우선순위를 낮춰 성능 저하를 방지한다. Instant transitions, Reusable state, Virtualized list rendering과 같은 기능을 지원한다. 따라서 UI 상태 보존과 성능 최적화라는 두 마리 토끼를 잡을 수 있다.
