- React 19 베타 버전에서 새로운 개념인 '액션'과 이를 기반으로 한 여러 리액트 훅이 도입된다고 합니다. 🧰
- 새로운 '액션'은 비동기 전이를 사용하는 함수로, Redux의 액션과 유사하게 작동합니다. 📤
- React 19에서는
useTransition
훅과useActionState
훅을 통해 액션을 관리할 수 있습니다. useActionState
훅은 펜딩 스테이트, 오티미스틱 업데이트, 에러 스테이트, 그리고 폼 요소처럼 작동합니다. ⚙️- 오티미스틱 업데이트는 사용자 입력 후 API 호출 전 UI 상태를 업데이트하는 기술로, 빠른 사용자 경험을 제공합니다. ✨
useOptimistic
는 오티미스틱 업데이트를 구현하는 훅으로, API 호출 실패 시 UI 상태를 원래 상태로 되돌립니다. 🔄