Overview

React 19는 개발자 경험을 향상시키고, 일반적인 패턴을 간소화하며 성능을 개선하는 여러 새로운 기능과 개선 사항을 도입했다. 아래는 주요 변경 사항과 코드 예제를 포함한 요약이다.

What’s new in React 19

Actions

React 앱에서 일반적인 사용 사례는 데이터 변형을 수행한 다음 응답에서 상태를 업데이트 진행하였습니다.

단, 과거에는 pedding, state, optimistic updates 를 순차적으로 상태로 관리하였지만, Actions 도입되면서 자동으로 처리가 가능합니다.

• Before Actions
• Support for using async functions
• useActionState: Handle common cases for Actions
• React DOM: <form> Actions
• useFormStatus: React DOM: New hook
• useOptimistic: New hook

USE

• useContext → use
• promise → use

React Server Components와 Server Actions