React Labs: What We've Been Working On – March 2023 React Labs는 사용자 인터페이스를 구축하기 위한 인기 있는 자바스크립트 라이브러리인 React의

React Labs: What We've Been Working On – March 2023 React Labs는 사용자 인터페이스를 구축하기 위한 인기 있는 자바스크립트 라이브러리인 React의 개발과 관련된 여러 진행중인 프로젝트를 수행하는 팀입니다. 이 문서에서는 각 프로젝트의 진행 상황과 미래 계획과 목표를 제공합니다. 그들이 논의하는 프로젝트 중 하나는 React Server Components(RSC)인데, 이것은 React 팀에서 디자인한 새로운 애플리케이션 아키텍처입니다. RSC의 개요와 서버 중심적인 멀티 페이지 앱과 클라이언트 중심적인 싱글 페이지 앱의 장점을 결합하는 방법에 대해 설명합니다. 그들은 또한 RSC의 최근 업데이트, 특히 서버 컴포넌트에서 데이터 가져 오기의 기본 방법으로 async/await가 도입되었다는 것을 논의합니다. 그들이 논의하는 다른 프로젝트는 자산 로딩입니다. 특히, 스타일 시트, 글꼴 및 이미지의 로딩 라이프 사이클과 Suspense를 통합하는 방법에 대해 설명합니다. 이렇게하면 UI 점프와 연속 레이아웃 시프트를 방지하여 사용자 경험을 개선할 수 있다고 설명합니다. 그들은 또한 문서 메타데이터와 React 구성 요소의 메타데이터 정보를 유지하는 도전 과제에 대해 논의합니다. 그들은 컴포넌트 트리의 어느 곳에서든 , 및 메타데이터 태그를 렌더링하는 데 내장 된 지원을 추가하는 방법에 대해 설명합니다. 그들이 논의하는 다른 프로젝트는 React 최적화 컴파일러입니다. 이 컴파일러는 React 앱이 기본적으로 적절한 반응성만 갖도록 보장하는 최적화 컴파일러입니다. 그들은 컴파일러의 개요와 작동 방식, 그리고 제품화에 성공한 후에 오픈 소스화할 계획을 제공합니다. 그들은 또한 React에서 기대되는 화면 외 렌더링 기능에 대해 논의합니다. 이 기능은 추가적인 성능 오버헤드 없이 화면을 백그라운드에서 렌더링하는 기능입니다. 이것이 라우터 및 UI 라이브러리와 같은 것들에 통합되는 방법과 사용자의 성능을 개선하는 방법에 대해 설명합니다. 마지막으로, 개발자가 React 전환(transition)이 느려지는 경우를 감지하고 그들이 느리게 되는 이유를 조사할 수 있도록 하는 새로운 API로 전환 추적을 논의합니다. 그들은 React 전환을 기반으로 구축된 라우터에서 특히 유용하다는 것을 설명합니다.