React

React 19로 마이그레이션하면서 Compiler를 활성화하고 useActionState로 폼 처리를 개선했다. 메모이제이션 코드를 대폭 제거하고 서버 액션과의 통합을 간소화할 수 있었다.

React 19의 Server Actions를 프로덕션에 도입하면서 정리한 form 처리 패턴. 기존 API 라우트 대비 장단점과 실무에서 고려할 점들을 기록했다.

React 19 RC에서 새로 추가된 useActionState 훅을 프로젝트에 적용해봤다. 기존 form 처리 로직을 대폭 단순화할 수 있었지만, 몇 가지 예상치 못한 동작이 있었다.

프로덕션에 React 19를 적용하면서 use() Hook과 Server Actions를 실제로 사용해봤다. 기존 데이터 페칭 패턴과 비교하며 느낀 점을 정리한다.

React 19가 정식 릴리즈되면서 Server Actions를 실제 프로젝트에 적용해봤다. 기존 API 라우트 방식과 비교했을 때의 장단점과, 마이그레이션 과정에서 주의할 점들을 정리했다.

React 19 RC에서 공개된 use() 훅을 프로젝트에 적용해봤다. Suspense와 결합하면 비동기 데이터 페칭 로직이 상당히 간결해진다. 기존 useEffect 패턴과 비교해본 내용을 정리했다.

React 19 RC가 공개되면서 폼 관리 관련 새로운 훅들이 추가되었다. 현재 프로젝트에 useFormStatus를 도입할지 검토하면서 기존 React Hook Form과의 비교를 진행했다.

React 19 RC에 추가된 use() 훅을 실험해봤다. Promise를 직접 전달할 수 있어 Suspense와 결합했을 때 데이터 페칭 코드가 상당히 간결해졌다. 기존 useEffect 기반 패턴과 비교해본 경험을 정리했다.

React 19 RC가 공개되면서 새로운 use() 훅을 프로젝트에 적용해봤다. Promise와 Context를 직접 사용할 수 있는 이 훅의 실용성을 검증하고, 기존 패턴과 비교해봤다.

React 19 RC가 공개되면서 새로운 use 훅을 프로젝트에 적용해봤다. Promise를 직접 전달할 수 있는 구조가 기존 data fetching 패턴을 크게 단순화시킬 수 있었다.