React 18에서 19까지

Concurrent Rendering부터 Server Components, Actions, 그리고 19.2의 새 기능까지, React의 주요 변화와 베스트 프랙티스를 정리합니다

1. 01

   React 18에서 19까지, 무엇이 바뀌었나

   React 18의 Concurrent Rendering부터 React 19.2의 View Transitions까지, 약 3년간의 변화를 한눈에 정리합니다.

2. 02

   Concurrent Rendering의 본질, useTransition과 useDeferredValue

   React 18이 도입한 Concurrent Rendering이 정확히 무엇을 바꿨는지, 그리고 useTransition과 useDeferredValue를 언제 어떻게 써야 하는지를 정리합니다.

3. 03

   외부 상태와 동기화, useSyncExternalStore와 tearing

   Concurrent Rendering이 도입한 미묘한 버그 'tearing'이 무엇이고, useSyncExternalStore가 어떻게 이를 해결하는지를 정리합니다.

4. 04

   Actions와 폼 처리, useActionState, useFormStatus, useOptimistic

   React 19가 도입한 Actions 패러다임, 폼 제출, 로딩 상태, 에러 처리, 낙관적 업데이트를 React 자체의 기능으로 통합한 방식을 정리합니다.

5. 05

   Server Components와 use(), 새로운 데이터 패칭

   React 19가 안정화한 Server Components와 use() Hook, 데이터 패칭의 위치가 클라이언트에서 서버로 옮겨지며 컴포넌트 모델이 어떻게 바뀌었는지를 정리합니다.

6. 06

   ref와 Context의 변화, forwardRef의 종말

   React 19가 정리한 ref, Context, metadata, Asset Preloading, 매일 쓰는 코드의 보일러플레이트를 줄여주는 작지만 큰 변화들.

7. 07

   19.1과 19.2의 새 기능, Activity, View Transitions, Performance Tracks

   React 19.1과 19.2가 추가한 최신 기능들, 컴포넌트를 unmount 없이 숨기는 Activity API, 부드러운 화면 전환, 그리고 DevTools 통합.