React

React 19 RC를 테스트하던 중 ref 콜백에서 cleanup 함수를 반환할 수 있게 변경된 것을 발견했다. 기존 코드에서 예상치 못한 동작이 발생해 마이그레이션 작업을 진행했다.

React 19 Beta가 공개되면서 새로운 use 훅과 Server Actions가 소개되었다. Next.js 14에서 이미 사용 가능한 Server Actions를 React 차원에서 지원하게 되면서 폼 처리 패턴이 크게 달라질 전망이다.

React 19 RC에서 공개된 useActionState 훅과 Server Actions를 Next.js 14 환경에서 테스트해봤다. 폼 상태 관리가 확실히 단순해지지만, 아직 프로덕션 적용은 이르다는 판단.

React 19 RC가 공개되면서 Actions, useOptimistic 등 새로운 기능들이 추가되었다. 프로젝트에 적용하기 전에 주요 변경사항을 정리해두었다.

React 19 Beta에 추가된 useActionState 훅을 프로젝트에 적용해봤다. 기존 폼 상태 관리 코드가 상당히 간결해졌고, 서버 액션과의 통합도 자연스러웠다.

React 19 베타가 공개되면서 ref를 prop으로 직접 전달할 수 있게 되었다. forwardRef를 제거하고 기존 컴포넌트를 마이그레이션한 과정을 정리했다.

React 18로 마이그레이션 후 개발 환경에서 useEffect가 두 번 실행되는 현상을 발견했다. Strict Mode의 새로운 동작 방식과 이에 대응하는 클린업 패턴을 정리했다.

React 19 RC가 공개되면서 새로운 use 훅을 실험해봤다. Promise와 Context를 동일한 인터페이스로 다룰 수 있다는 점이 흥미로웠고, 기존 Suspense와의 조합도 자연스러웠다.

React 18의 Server Components를 프로덕션에 도입하면서 기존 데이터 페칭 패턴을 전면 재검토했다. useEffect + fetch 패턴에서 벗어나 서버 컴포넌트에서 직접 데이터를 가져오는 방식으로 전환하며 겪은 시행착오를 정리했다.

Next.js 13의 App Router와 함께 등장한 React Server Components를 프로덕션 도입 관점에서 검토했다. 아직은 생태계가 성숙하지 않아 신중한 접근이 필요하다는 결론을 내렸다.