[번역] Introducing React 18

daadaadaah·2021년 6월 12일
0

원본 링크는 아래와 같습니다.
https://github.com/reactwg/react-18/discussions/4

Overview

  • 이 글은 React 18에 대한 계획의 개요를 제공하고, 논의의 다른 주제에 대한 점프 포인트 역할을 하기 위한 것이다
  • 높은 수준에서, React 18은 기존 기능에 대한 즉시 사용 가능한 개선 사항이 포함되어 있다.
  • 또한 Concurrent Features에 대한 지원을 추가 한 최초의 React 릴리스로, 이전에는 React가 허용하지 않았던 방식으로 사용자 경험을 개선 할 수 있습니다.
  • Concurrent Featuresopt-in 이며 점진적으로 채택 할 수 있습니다.

즉시 사용 가능한 개선(Out-of-the-box improvements)

  1. 더 적은 render를 위한 auto-batching

  2. Suspense 을 위한 SSR 지원

  3. Suspense behavior quirks를 위한 수정 사항

  • 대부분의 앱은 New Root API를 사용하여 React 18로 업그레이드 할 수 있어야 하며, 이러한 개선 사항을 즉시 확인해야 한다.

  • 일단 React 18가 나오면, 바로 Concurrent Features을 사용하기 시작할 수 있다.

Concurrent features

  • React 18은 다음과 같은 Concurrent 기능에 대한 opt-in 지원을 추가한 최초의 React lease가 될 것이다.
  1. startTransition
  • expensive한 state 전환 동안에도 지속적으로 UI 응답이 유지되게 할 수 있다.
  1. useDeferredValue
  • 화면의 중요하지 않는 부분의 업데이트를 지연시킬 수 있다.
  1. <SuspenseList>
  • loading indicator들이 나타나는 순서를 조정할 수 있다.
  1. 선택적인 hydration을 가진 Streaming SSR
  • 너의 앱을 더 빠르게 로드 되어 상호 작용할 수 있게 할 수 있다.

  • 너의 전체 앱에 대해 Strict 모드를 활성하지 않고도, 너의 Tree의 작은 부분에서 그러한 기능을 사용할 수 있기 시작할 수 있다.

What about Suspense for data fetching?

  • React 18 출시는 <Suspense>와 관련된 기본 작업을 포함하고 있다.

  • 그러나, 아직까지는 권장되는 Data fetcing 솔루션을 포함하고 않을 것이다.

  • 완벽한 솔루션은 Server Componentbuilt-in Cache을 포함할 필요가 있을 것이고, 이 프로젝트는 아직 진행중이다.

  • 우리는 v18 타임라인 동안에는 완성될 것 같지만, v18 초기 릴리즈 내에서는 완료되지 않을 것으로 예상된다.

  • React 18에서 <Suspense> 에 대해 자세히 알고 싶으면, 여기를 보세요

How to upgrade

Related Posts

profile
just write it

0개의 댓글