React 19 useActionState 살펴보기
폼 제출처럼 비동기로 상태를 바꾸는 흐름에서 pending, 오류, 낙관적 업데이트를 손으로 다루던 코드가 React 19의 Action과 useActionState로 어떻게 줄어드는지 예제로 비교했다.
2편
폼 제출처럼 비동기로 상태를 바꾸는 흐름에서 pending, 오류, 낙관적 업데이트를 손으로 다루던 코드가 React 19의 Action과 useActionState로 어떻게 줄어드는지 예제로 비교했다.
useEffect 타이밍 때문에 생기는 깜빡임은 useLayoutEffect로, API 응답 뒤 이미지가 늦게 뜨는 깜빡임은 로드 완료 후 렌더링과 스켈레톤 UI로 해결한 과정이다.