React Labs, 서버 컴포넌트, 컴파일러, 성능 개선 등 대규모 업데이트 공개!
by DD
3년 전
조회수 8
React Server Components(RSC)의 정식 RFC 승인 및 async/await 지원을 통해 데이터 페칭 방식 개선
React Optimizing Compiler(React Forget)를 통해 자동 반응성 확보 및 메모리 사용량 감소 기대
Offscreen Rendering 도입으로 백그라운드 렌더링 지원 및 성능 향상 도모
React Server Components: 아키텍처의 변화
React Server Components(RSC)는 서버에서 실행되는 컴포넌트를 도입하여 데이터 페칭 및 초기 렌더링 성능을 개선한다. 구체적으로, async/await를 지원하여 데이터 로딩 방식을 단순화하고, 서버 액션을 통해 데이터 변경을 효율적으로 처리한다. 따라서, SPA의 상호작용성과 MPA의 서버 중심 아키텍처의 장점을 결합한다.
React Forget: 자동 반응성 컴파일러
React Forget은 React 컴포넌트의 자동 메모이제이션을 통해 불필요한 재 렌더링을 방지한다. 자동 반응성을 목표로, 컴파일러는 코드의 의미를 깊이 분석하여 상태 변화에만 반응하도록 최적화한다. 반면, 컴파일러의 복잡성으로 인해 전체 언어 지원에는 시간이 소요될 것으로 예상된다.
Offscreen Rendering: 백그라운드 렌더링
Offscreen Rendering은 백그라운드에서 컴포넌트를 렌더링하여 성능 저하 없이 화면 전환을 가능하게 한다. 구체적으로, Suspense와 통합되어 로딩 상태를 관리하고, 라우터 및 UI 라이브러리에 통합될 예정이다. 따라서, 사용자 경험 향상과 성능 최적화를 동시에 달성할 수 있다.
