원본 링크는 아래와 같습니다.
https://github.com/reactwg/react-18/discussions/4
Overview
- 이 글은 React 18에 대한 계획의 개요를 제공하고, 논의의 다른 주제에 대한 점프 포인트 역할을 하기 위한 것이다
- 높은 수준에서, React 18은 기존 기능에 대한 즉시 사용 가능한 개선 사항이 포함되어 있다.
- 또한
Concurrent Features에 대한 지원을 추가 한 최초의 React 릴리스로, 이전에는 React가 허용하지 않았던 방식으로 사용자 경험을 개선 할 수 있습니다. Concurrent Features은opt-in이며 점진적으로 채택 할 수 있습니다.
즉시 사용 가능한 개선(Out-of-the-box improvements)
-
대부분의 앱은 New Root API를 사용하여 React 18로 업그레이드 할 수 있어야 하며, 이러한 개선 사항을 즉시 확인해야 한다.
-
일단 React 18가 나오면, 바로
Concurrent Features을 사용하기 시작할 수 있다.
Concurrent features
- React 18은 다음과 같은 Concurrent 기능에 대한
opt-in지원을 추가한 최초의 React lease가 될 것이다.
- expensive한 state 전환 동안에도 지속적으로 UI 응답이 유지되게 할 수 있다.
useDeferredValue
- 화면의 중요하지 않는 부분의 업데이트를 지연시킬 수 있다.
<SuspenseList>
- loading indicator들이 나타나는 순서를 조정할 수 있다.
-
너의 앱을 더 빠르게 로드 되어 상호 작용할 수 있게 할 수 있다.
-
너의 전체 앱에 대해 Strict 모드를 활성하지 않고도, 너의 Tree의 작은 부분에서 그러한 기능을 사용할 수 있기 시작할 수 있다.
What about Suspense for data fetching?
-
React 18 출시는
<Suspense>와 관련된 기본 작업을 포함하고 있다. -
그러나, 아직까지는 권장되는 Data fetcing 솔루션을 포함하고 않을 것이다.
-
완벽한 솔루션은
Server Component와built-in Cache을 포함할 필요가 있을 것이고, 이 프로젝트는 아직 진행중이다. -
우리는 v18 타임라인 동안에는 완성될 것 같지만, v18 초기 릴리즈 내에서는 완료되지 않을 것으로 예상된다.
-
React 18에서
<Suspense>에 대해 자세히 알고 싶으면, 여기를 보세요
How to upgrade
-
특정 기술적 업그레이드 가이드는 다음과 같다.
-
일단 React 18로 업그레이드 한다면, 너는
Concurrent Features를 사용할 수 있다.- Coming soon: 점진적으로
Concurrent Features을 사용하는 방법 - Coming soon: 라이브러리 제작자를 위한
Concurrent React
- Coming soon: 점진적으로
Related Posts
just write it